待补单备注,钱包明细高度

This commit is contained in:
曹磊 2024-08-16 15:18:21 +08:00
parent c758110f57
commit b47fe1c5c2
2 changed files with 62 additions and 4 deletions

View File

@ -150,7 +150,16 @@
</view>
</view>
<view class="header-view header-padd header-margin">
<view class="d-title title-font">备注</view>
<view class="d-title title-font">
<span>给技师捎句话</span>
<!-- <span style="color: rgb(9, 111, 75);" @click="kuaijie">快捷输入</span> -->
</view>
<view class="guke-list">
<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
{{item.title}}
</view>
</view>
<view class="list-pay">
<view class="textarea-pay-list">
<textarea @input="textareaChange" class="textarea-pay" v-model="textareaData" placeholder="请输入备注" name="" maxlength="100"></textarea>
@ -333,7 +342,15 @@
couponDataList:'',
orderXm:[],
number:1,
technicianRate:''
technicianRate:'',
selected:[],
selectedString:'',
fuwuBtn: [
{'title':'请速回电'},
{'title':'勿大声敲门'},
{'title':'尽快上门服务'},
{'title':'直接来即可'},
],
}
},
onLoad(e) {
@ -357,7 +374,7 @@
this.youhuiF(this.couponId)
}
this.orderXm=this.$queue.getData('xiangmu');//
this.textareaData=this.orderXm.remark
// this.textareaData=this.orderXm.remark
this.number=this.orderXm.massageNum
console.log('this.orderXm',this.orderXm)
this.youhui()
@ -408,6 +425,19 @@
// #endif
},
methods: {
gukeBtn(item) {
var index = this.selected.indexOf(item);
if (index === -1) {
this.selected.push(item);
} else {
this.selected.splice(index, 1);
}
var data = [];
for (var i = 0; i < this.selected.length; i++) {
data.push(this.selected[i].title)
}
this.textareaData = data.join(",")
},
changeValue(value){
this.number=value
},
@ -1369,6 +1399,34 @@
</script>
<style lang="scss" scoped>
.huiBtn {
color:#333;
background: #f3f3f3;
}
.lanBtn {
color:#fff;
background: #049F89;
}
.guke-btn {
width: 24%;
line-height: 34px;
text-align: center;
font-weight: bold;
font-size: 11px;
border-radius: 6px;
margin-top: 5px;
margin-right: 2px;
}
.guke-list {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
justify-content: space-between;
}
.jusitify-line{
height: 78rpx;
padding: 20rpx 0;

View File

@ -152,7 +152,7 @@
}
.content-list{
width: 100%;
height: 235rpx;
min-height: 210rpx;
background: #FFFFFF;
border-radius: 21rpx;
padding: 15px;