Skip to content

W
wly-APP
Commit 0bab7fe5 authored by chuan.liu's avatar chuan.liu
Browse files
Options

调适ios模拟器兼容性

parent 2089dbf0
Show whitespace changes
Inline Side-by-side
Showing with 673 additions and 557 deletions
pages/group-buy/group-baseinfo.nvue
View file @ 0bab7fe5
......@@ -153,6 +153,7 @@
flex-direction: column;
padding: 0 16rpx;
overflow-y: scroll;
background: #f0f4f5;
}
.middle {
......@@ -230,7 +231,6 @@
}
.planout-block-item {
flex: 1;
}
.bottom-area {
......
pages/group-buy/group-buy.nvue
View file @ 0bab7fe5
......@@ -14,21 +14,29 @@
<view class="steps__row-line steps__row-line--after steps__row-line--active"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}">
</view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}"></i>
<i class="icon-dot"
:class="{'icon-dot-active':baseinfoListBeforeLineShow || baseinfoAfterLineShow || uploadLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':baseinfoAfterLineShow || uploadLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':baseinfoAfterLineShow || uploadLineShow}"></i>
<i class="icon-dot"
:class="{'icon-dot-active':baseinfoAfterLineShow || uploadLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':uploadLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':uploadLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':uploadLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot " :class="{'icon-dot-active':uploadLineShow}"></i>
</view>
......@@ -55,7 +63,8 @@
</view>
</view>
</view>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit"></component>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit">
</component>
</view>
</view>
</template>
......@@ -81,7 +90,7 @@
data() {
return {
currentTabComponent: 'groupBaseinfo',
topHeight:''
topHeight: ''
}
},
computed: {
......@@ -94,23 +103,23 @@
baseinfoAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
uploadLineShow(){
uploadLineShow() {
return this.currentTabComponent == 'orderUpload'
},
componentHeight(){
console.log('componentHeight',`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,this.sysinfo);
componentHeight() {
console.log('componentHeight', `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`, this.sysinfo);
return {
'height':`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
'height': `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
}
},
winHeight(){
winHeight() {
return {
'height':`${this.sysinfo.safeArea.height}px`
'height': `${this.sysinfo.safeArea.height}px`
}
},
navHeight(){
navHeight() {
return {
'height':`${this.sysinfo.safeArea.top + 44}px`
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
......@@ -122,7 +131,7 @@
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects',rects);
console.log('rects', rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
......@@ -130,15 +139,34 @@
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect( (res) => {
uni.createSelectorQuery().in(this).select('#top').boundingClientRect((res) => {
this.topHeight = res.height;
}).exec();
// #endif
},
onBackPress() {
uni.navigateBack({
delta: 1
onBackPress(event) {
console.log('event--groupbuy', event, this.currentTabComponent)
// uni.navigateBack({
// delta: 1
// })
if (this.currentTabComponent === 'orderUpload') {
uni.navigateTo({
url: `/pages/group-buy/group-buy`
});
this.currentTabComponent = 'quotaOrder'
return false
}else if(this.currentTabComponent === 'quotaOrder'){
uni.navigateTo({
url: `/pages/group-buy/group-buy`
});
this.currentTabComponent = 'groupBaseinfo'
return false
} else {
uni.switchTab({
url: "pages/go-order/go-order"
})
}
return false
},
methods: {
changeComponent(com) {
......
pages/group-buy/order-upload.nvue
View file @ 0bab7fe5
......@@ -286,6 +286,7 @@
color: #ff0f00;
font-weight: 500;
border-radius: 32rpx;
font-size: 22rpx;
}
.popup-content-foot__sure {
......
pages/group-buy/quota-order.nvue
View file @ 0bab7fe5
......@@ -10,6 +10,7 @@
</view>
</view>
<scroll-view class="scroll-area view" :scroll-top="scrollTop" scroll-y="true">
<view class="planout-block">
<text class="planout-block-title">订购产品</text>
<image class="planout-block-icon" src="@/static/image/shop_more@3x.png" mode="aspectFit"></image>
......@@ -46,7 +47,8 @@
</view>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel"><text class="swipe-right-block__text">删除</text>
<view class="swipe-right-block" @click="handleDel"><text
class="swipe-right-block__text">删除</text>
</view>
</template>
</uni-swipe-action-item>
......@@ -62,6 +64,7 @@
<text class="btn-text">下一步</text>
</button>
</view>
</scroll-view>
</view>
</template>
......@@ -69,7 +72,7 @@
export default {
data() {
return {
applyNum: 100
scrollTop: 0
}
},
methods: {
......@@ -77,12 +80,10 @@
console.log(1)
},
nextStep() {
this.$emit('click','orderUpload')
this.$emit('click', 'orderUpload')
},
preStep() {
uni.switchTab({
url: `/pages/go-order/go-order`
})
this.$emit('click', 'groupBaseinfo')
},
}
}
......@@ -106,7 +107,7 @@
padding: 32rpx 64rpx 40rpx 48rpx;
}
.summary-block{
.summary-block {
display: flex;
align-items: center;
}
......@@ -213,7 +214,11 @@
font-weight: 500;
}
.planout-block-lists{
.scroll-area {
padding-bottom: 40rpx;
}
.planout-block-lists {
display: flex;
flex-direction: column;
}
......@@ -231,16 +236,21 @@
width: 152rpx;
background: linear-gradient(90deg, #fb4d61, #ff0f00 100%);
border-radius: 0px 8px 8px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.swipe-right-block__text {
width: 152rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
padding-left: 24rpx;
}
.planout-block {
......@@ -265,6 +275,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.bottom-area {
......
pages/no-quota/no-quota.nvue
View file @ 0bab7fe5
......@@ -14,14 +14,17 @@
<view class="steps__row-line steps__row-line--after steps__row-line--active"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':deliveryListBeforeLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot " :class="{'icon-dot-active':deliveryCheckLineShow}"></i>
</view>
......@@ -44,7 +47,8 @@
</view>
</view>
</view>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit"></component>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit">
</component>
</view>
</view>
</template>
......@@ -68,7 +72,7 @@
data() {
return {
currentTabComponent: 'quotaOrder',
topHeight:''
topHeight: ''
}
},
computed: {
......@@ -78,23 +82,23 @@
deliveryListAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
deliveryCheckLineShow(){
deliveryCheckLineShow() {
return this.currentTabComponent == 'orderUpload'
},
componentHeight(){
console.log('componentHeight',`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,this.sysinfo);
componentHeight() {
console.log('componentHeight', `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`, this.sysinfo);
return {
'height':`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
'height': `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`
}
},
winHeight(){
winHeight() {
return {
'height':`${this.sysinfo.safeArea.height}px`
'height': `${this.sysinfo.safeArea.height}px`
}
},
navHeight(){
navHeight() {
return {
'height':`${this.sysinfo.safeArea.top + 44}px`
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
......@@ -106,7 +110,7 @@
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects',rects);
console.log('rects', rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
......@@ -114,15 +118,28 @@
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect( (res) => {
uni.createSelectorQuery().in(this).select('#top').boundingClientRect((res) => {
this.topHeight = res.height;
}).exec();
// #endif
},
onBackPress() {
uni.navigateBack({
delta: 1
onBackPress(event) {
console.log('event--noquota', event, this.currentTabComponent)
// uni.navigateBack({
// delta: 1
// })
if (this.currentTabComponent === 'orderUpload') {
uni.navigateTo({
url: `/pages/no-quota/no-quota`
});
this.currentTabComponent = 'quotaOrder'
return false
} else {
uni.switchTab({
url: "pages/go-order/go-order"
})
}
return false
},
methods: {
changeComponent(com) {
......
pages/no-quota/order-upload.nvue
View file @ 0bab7fe5
......@@ -286,6 +286,7 @@
color: #ff0f00;
font-weight: 500;
border-radius: 32rpx;
font-size: 22rpx;
}
.popup-content-foot__sure {
......
pages/no-quota/quota-order.nvue
View file @ 0bab7fe5
......@@ -10,6 +10,7 @@
</view>
</view>
<scroll-view class="scroll-area view" :scroll-top="scrollTop" scroll-y="true">
<view class="planout-block">
<text class="planout-block-title">订购产品</text>
<image class="planout-block-icon" src="@/static/image/shop_more@3x.png" mode="aspectFit"></image>
......@@ -46,7 +47,8 @@
</view>
</view>
<template v-slot:right>
<view class="swipe-right-block" @click="handleDel"><text class="swipe-right-block__text">删除</text>
<view class="swipe-right-block" @click="handleDel"><text
class="swipe-right-block__text">删除</text>
</view>
</template>
</uni-swipe-action-item>
......@@ -62,6 +64,8 @@
<text class="btn-text">下一步</text>
</button>
</view>
</scroll-view>
</view>
</template>
......@@ -69,7 +73,7 @@
export default {
data() {
return {
applyNum: 100
scrollTop: 0,
}
},
methods: {
......@@ -77,7 +81,7 @@
console.log(1)
},
nextStep() {
this.$emit('click','orderUpload')
this.$emit('click', 'orderUpload')
},
preStep() {
uni.switchTab({
......@@ -106,7 +110,7 @@
padding: 32rpx 64rpx 40rpx 48rpx;
}
.summary-block{
.summary-block {
display: flex;
align-items: center;
}
......@@ -213,7 +217,11 @@
font-weight: 500;
}
.planout-block-lists{
.scroll-area {
padding-bottom: 40rpx;
}
.planout-block-lists {
display: flex;
flex-direction: column;
}
......@@ -231,16 +239,21 @@
width: 152rpx;
background: linear-gradient(90deg, #fb4d61, #ff0f00 100%);
border-radius: 0px 8px 8px 0px;
display: flex;
align-items: center;
justify-content: center;
}
.swipe-right-block__text {
width: 152rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 34rpx;
font-weight: 500;
text-align: center;
padding-left: 24rpx;
}
.planout-block {
......@@ -265,6 +278,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.bottom-area {
......
pages/quota/order-upload.nvue
View file @ 0bab7fe5
......@@ -62,11 +62,6 @@
}
},
},
onBackPress(event) {
console.log('event', event)
this.$emit('click', 'quotaOrder')
return false
},
methods: {
change(e) {
console.log('当前模式：' + e.type + ',状态：' + e.show);
......
pages/quota/quota-order.nvue
View file @ 0bab7fe5
......@@ -124,15 +124,9 @@
product: '请填写',
quantity: 0,
price: 0
}
}
},
onBackPress(event) {
console.log('event', event)
uni.switchTab({
url: `/pages/go-order/go-order`
})
return false
scrollTop: 0
}
},
mounted() {
console.log('监听到事件来自 update');
......@@ -301,7 +295,7 @@
font-weight: 500;
}
.scroll-area{
.scroll-area {
padding-bottom: 40rpx;
}
......
pages/quota/quota.nvue
View file @ 0bab7fe5
......@@ -14,14 +14,17 @@
<view class="steps__row-line steps__row-line--after steps__row-line--active"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryListBeforeLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot" :class="{'icon-dot-active':deliveryListBeforeLineShow}"></i>
</view>
<view class="steps__row-line steps__row-line--after" :class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
<view class="steps__row-line steps__row-line--after"
:class="{'steps__row-line--active':!deliveryListAfterLineShow}"></view>
</view>
<view class="steps__row-line-item">
<view class="steps__row-line steps__row-line--before" :class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-line steps__row-line--before"
:class="{'steps__row-line--active':deliveryCheckLineShow}"></view>
<view class="steps__row-check steps__row-circle">
<i class="icon-dot " :class="{'icon-dot-active':deliveryCheckLineShow}"></i>
</view>
......@@ -44,7 +47,8 @@
</view>
</view>
</view>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit"></component>
<component :style="componentHeight" :is="currentTabComponent" @click="changeComponent" @submit="submit">
</component>
</view>
</view>
</template>
......@@ -68,7 +72,7 @@
data() {
return {
currentTabComponent: 'quotaOrder',
topHeight:''
topHeight: ''
}
},
computed: {
......@@ -78,24 +82,24 @@
deliveryListAfterLineShow() {
return this.currentTabComponent == 'quotaOrder'
},
deliveryCheckLineShow(){
deliveryCheckLineShow() {
return this.currentTabComponent == 'orderUpload'
},
componentHeight(){
console.log('componentHeight',`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,this.sysinfo);
componentHeight() {
console.log('componentHeight', `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`, this.sysinfo);
return {
'height':`${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,
'overflow-y':'scroll'
'height': `${this.sysinfo.safeArea.height - 44 - this.topHeight}px`,
'overflow-y': 'scroll'
}
},
winHeight(){
winHeight() {
return {
'height':`${this.sysinfo.safeArea.height}px`
'height': `${this.sysinfo.safeArea.height}px`
}
},
navHeight(){
navHeight() {
return {
'height':`${this.sysinfo.safeArea.top + 44}px`
'height': `${this.sysinfo.safeArea.top + 44}px`
}
},
...mapState(['sysinfo'])
......@@ -107,7 +111,7 @@
let queryTabSize = uni.createSelectorQuery().in(this);
queryTabSize.select('#top').boundingClientRect();
queryTabSize.exec(rects => {
console.log('rects',rects);
console.log('rects', rects);
rects.forEach((rect) => {
this.topHeight = rect.height;
})
......@@ -115,18 +119,28 @@
// #endif
// #ifdef H5
uni.createSelectorQuery().in(this).select('#top').boundingClientRect( (res) => {
uni.createSelectorQuery().in(this).select('#top').boundingClientRect((res) => {
this.topHeight = res.height;
}).exec();
// #endif
},
onBackPress() {
onBackPress(event) {
console.log('event--quota', event, this.currentTabComponent)
// uni.navigateBack({
// delta: 1
// })
if (this.currentTabComponent === 'orderUpload') {
uni.navigateTo({
url: `/pages/quota/quota`
});
this.currentTabComponent = 'quotaOrder'
return false
} else {
uni.switchTab({
url:"pages/go-order/go-order"
url: "pages/go-order/go-order"
})
}
return false
},
methods: {
changeComponent(com) {
......
pages/select-business/select-business.nvue
View file @ 0bab7fe5
......@@ -32,28 +32,30 @@
</view>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true' :show="isOpened" @click="handleClick">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true'
:show="isOpened" @click="handleClick">
<template v-slot:left>
<view class="swipe-right-block" @click="handleChecked($event,item, index)"><text
class="swipe-right-block__text" :class="{'swipe-right-block__active':item.checked}"></text>
class="swipe-right-block__text"
:class="{'swipe-right-block__active':item.checked}"></text>
</view>
</template>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">商机编码</text>
<text class="middle-date-des">300820638</text>
<text class="middle-date middle-date-select">商机编码</text>
<text class="middle-date-des middle-date-des-select">300820638</text>
</view>
<view class="text-block">
<text class="middle-date">商机名称</text>
<text class="middle-date-des">年底促销</text>
<text class="middle-date middle-date-select">商机名称</text>
<text class="middle-date-des middle-date-des-select">年底促销</text>
</view>
<view class="text-block">
<text class="middle-date">客户编号</text>
<text class="middle-date-des">800235672</text>
<text class="middle-date middle-date-select">客户编号</text>
<text class="middle-date-des middle-date-des-select">800235672</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">客户名称</text>
<text class="middle-date-des">机关单位</text>
<text class="middle-date middle-date-select">客户名称</text>
<text class="middle-date-des middle-date-des-select">机关单位</text>
</view>
</view>
......@@ -74,23 +76,22 @@
isOpened: 'none',
array: ['2021', '2020', '2019', '2018'],
index: 0,
lists:[
{
id:1,
checked:false,
product:'新品五粮液',
quantity:2,
price:100
lists: [{
id: 1,
checked: false,
product: '新品五粮液',
quantity: 2,
price: 100
},
{
id:2,
checked:false,
product:'新品五粮液91 52%',
quantity:4,
price:200
id: 2,
checked: false,
product: '新品五粮液91 52%',
quantity: 4,
price: 200
}
],
selectedBusiness:{}
selectedBusiness: {}
}
},
computed: {
......@@ -101,19 +102,21 @@
}
},
},
onNavigationBarButtonTap(e){
console.log('onNavigationBarButtonTap：',e);
onNavigationBarButtonTap(e) {
console.log('onNavigationBarButtonTap：', e);
this.isOpened = this.isOpened === 'none' ? 'left' : 'none';
// #ifdef APP-PLUS
let webView = this.$mp.page.$getAppWebview();
console.log('webView',webView)
console.log('webView', webView)
webView.setTitleNViewButtonStyle(0, {
text: this.isOpened === 'none' ? '选择' : '完成',
});
// #endif
if(this.isOpened === 'none'){
uni.$emit('selectedBusiness',{selectedBusiness:this.selectedBusiness})
if (this.isOpened === 'none') {
uni.$emit('selectedBusiness', {
selectedBusiness: this.selectedBusiness
})
uni.navigateBack({})
}
},
......@@ -125,23 +128,23 @@
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
handleClick(e,content,index){
console.log('click当前索引：',e,content, index);
handleClick(e, content, index) {
console.log('click当前索引：', e, content, index);
},
handleChecked(e,item,index){
console.log('当前索引：',e, index);
this.lists.forEach((cur)=>{
if(cur.id === item.id){
handleChecked(e, item, index) {
console.log('当前索引：', e, index);
this.lists.forEach((cur) => {
if (cur.id === item.id) {
cur.checked = !cur.checked
}else{
} else {
cur.checked = false
}
})
if(item.checked === true){
if (item.checked === true) {
// this.selectedBusiness.push(item)
this.selectedBusiness = item
}else{
} else {
// const selectIndex = this.selectedBusiness.findIndex((saleplan)=>{
// return saleplan.id === item.id
// })
......@@ -170,6 +173,7 @@
flex-direction: column;
overflow-y: scroll;
background: #f0f4f5;
overflow-x: hidden;
}
.main {
......@@ -181,7 +185,7 @@
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
padding: 32rpx 64rpx 32rpx 48rpx;
}
.text-block {
......@@ -215,6 +219,15 @@
color: #888;
}
.middle-date-select {
color: #888;
}
.middle-date-des-select {
color: #333;
}
.picker-year {
position: relative;
border-radius: 4px;
......@@ -245,6 +258,7 @@
.planout-block-lists {
display: flex;
flex-direction: column;
overflow: hidden;
}
.uni-swipe {
......@@ -273,7 +287,7 @@
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color:$wly-primary-color ;
background-color: $wly-primary-color;
}
.planout-block {
......@@ -287,6 +301,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.btn {
......
pages/select-group-client/select-group-client.nvue
View file @ 0bab7fe5
......@@ -28,28 +28,30 @@
</view>
<uni-swipe-action class="planout-block-lists">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true' :show="isOpened" @click="handleClick">
<uni-swipe-action-item v-for="(item,index) in lists" :key='item.id' :auto-close="false" :disabled='true'
:show="isOpened" @click="handleClick">
<template v-slot:left>
<view class="swipe-right-block" @click="handleChecked($event,item, index)"><text
class="swipe-right-block__text" :class="{'swipe-right-block__active':item.checked}"></text>
class="swipe-right-block__text"
:class="{'swipe-right-block__active':item.checked}"></text>
</view>
</template>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">团购编码</text>
<text class="middle-date-des">300820638</text>
<text class="middle-date middle-date-select">团购编码</text>
<text class="middle-date-des middle-date-des-select">300820638</text>
</view>
<view class="text-block">
<text class="middle-date">团购名称</text>
<text class="middle-date-des">迎新年退休职工团拜会</text>
<text class="middle-date middle-date-select">团购名称</text>
<text class="middle-date-des middle-date-des-select">迎新年退休职工团拜会</text>
</view>
<view class="text-block">
<text class="middle-date">城市</text>
<text class="middle-date-des">山东省淄博市张店区</text>
<text class="middle-date middle-date-select">城市</text>
<text class="middle-date-des middle-date-des-select">山东省淄博市张店区</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">地址</text>
<text class="middle-date-des">新生活广场 12栋 1单元 2708</text>
<text class="middle-date middle-date-select">地址</text>
<text class="middle-date-des middle-date-des-select">新生活广场 12栋 1单元 2708</text>
</view>
</view>
......@@ -70,23 +72,22 @@
isOpened: 'none',
array: ['2021', '2020', '2019', '2018'],
index: 0,
lists:[
{
id:1,
checked:false,
product:'新品五粮液',
quantity:2,
price:100
lists: [{
id: 1,
checked: false,
product: '新品五粮液',
quantity: 2,
price: 100
},
{
id:2,
checked:false,
product:'新品五粮液91 52%',
quantity:4,
price:200
id: 2,
checked: false,
product: '新品五粮液91 52%',
quantity: 4,
price: 200
}
],
selectedGroupClient:{}
selectedGroupClient: {}
}
},
computed: {
......@@ -97,19 +98,21 @@
}
},
},
onNavigationBarButtonTap(e){
console.log('onNavigationBarButtonTap：',e);
onNavigationBarButtonTap(e) {
console.log('onNavigationBarButtonTap：', e);
this.isOpened = this.isOpened === 'none' ? 'left' : 'none';
// #ifdef APP-PLUS
let webView = this.$mp.page.$getAppWebview();
console.log('webView',webView)
console.log('webView', webView)
webView.setTitleNViewButtonStyle(0, {
text: this.isOpened === 'none' ? '选择' : '完成',
});
// #endif
if(this.isOpened === 'none'){
uni.$emit('selectedGroupClient',{selectedGroupClient:this.selectedGroupClient})
if (this.isOpened === 'none') {
uni.$emit('selectedGroupClient', {
selectedGroupClient: this.selectedGroupClient
})
uni.navigateBack({})
}
},
......@@ -121,23 +124,23 @@
console.log('picker发送选择改变，携带值为', e.detail.value)
this.index = e.detail.value
},
handleClick(e,content,index){
console.log('click当前索引：',e,content, index);
handleClick(e, content, index) {
console.log('click当前索引：', e, content, index);
},
handleChecked(e,item,index){
console.log('当前索引：',e, index);
this.lists.forEach((cur)=>{
if(cur.id === item.id){
handleChecked(e, item, index) {
console.log('当前索引：', e, index);
this.lists.forEach((cur) => {
if (cur.id === item.id) {
cur.checked = !cur.checked
}else{
} else {
cur.checked = false
}
})
if(item.checked === true){
if (item.checked === true) {
// this.selectedGroupClient.push(item)
this.selectedGroupClient = item
}else{
} else {
// const selectIndex = this.selectedGroupClient.findIndex((saleplan)=>{
// return saleplan.id === item.id
// })
......@@ -174,6 +177,7 @@
flex-direction: column;
overflow-y: scroll;
background: #f0f4f5;
overflow-x: hidden;
}
.main {
......@@ -185,7 +189,7 @@
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
padding: 32rpx 64rpx 32rpx 48rpx;
}
.text-block {
......@@ -219,6 +223,15 @@
color: #888;
}
.middle-date-select {
color: #888;
}
.middle-date-des-select {
color: #333;
}
.picker-year {
position: relative;
border-radius: 4px;
......@@ -249,6 +262,7 @@
.planout-block-lists {
display: flex;
flex-direction: column;
overflow: hidden;
}
.uni-swipe {
......@@ -277,7 +291,7 @@
width: 52rpx;
height: 52rpx;
border-radius: 50%;
background-color:$wly-primary-color ;
background-color: $wly-primary-color;
}
.planout-block {
......@@ -291,6 +305,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.btn {
......
pages/select-product/select-product.nvue
View file @ 0bab7fe5
......@@ -36,20 +36,20 @@
</template>
<view class="middle view planout-block-item">
<view class="text-block">
<text class="middle-date">产品编码</text>
<text class="middle-date-des">400820638</text>
<text class="middle-date middle-date-select">产品编码</text>
<text class="middle-date-des middle-date-des-select">400820638</text>
</view>
<view class="text-block">
<text class="middle-date">描述</text>
<text class="middle-date-des">原度五粮液061 72%500ml*6</text>
<text class="middle-date middle-date-select">描述</text>
<text class="middle-date-des middle-date-des-select">原度五粮液061 72%500ml*6</text>
</view>
<view class="text-block">
<text class="middle-date">产品类型</text>
<text class="middle-date-des">五粮液新品</text>
<text class="middle-date middle-date-select">产品类型</text>
<text class="middle-date-des middle-date-des-select">五粮液新品</text>
</view>
<view class="text-block text-block-last">
<text class="middle-date">价格</text>
<text class="middle-date-des">2，38000</text>
<text class="middle-date middle-date-select">价格</text>
<text class="middle-date-des middle-date-des-select">2，38000</text>
</view>
</view>
......@@ -174,6 +174,7 @@
flex-direction: column;
overflow-y: scroll;
background: #f0f4f5;
overflow-x:hidden;
}
.main {
......@@ -185,7 +186,7 @@
.middle {
background-color: #fff;
border-radius: 16rpx;
padding: 32rpx 64rpx 40rpx 48rpx;
padding: 32rpx 64rpx 32rpx 48rpx;
}
.text-block {
......@@ -219,6 +220,14 @@
color: #888;
}
.middle-date-select {
color: #888;
}
.middle-date-des-select {
color: #333;
}
.picker-year {
position: relative;
border-radius: 4px;
......@@ -249,6 +258,7 @@
.planout-block-lists {
display: flex;
flex-direction: column;
overflow:hidden;
}
.uni-swipe {
......@@ -291,6 +301,7 @@
.planout-block-item {
flex: 1;
width: 750rpx;
}
.btn {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment