This commit is contained in:
Mr.jiang 2024-08-02 22:09:04 +08:00
parent 725c1c10fa
commit f9b5fbad20
2 changed files with 102 additions and 6 deletions

View File

@ -120,12 +120,14 @@
</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="list-pay">
<view class="textarea-pay-list">
<textarea @input="textareaChange" class="textarea-pay" v-model="textareaData" placeholder="请输入备注" name="" maxlength="100"></textarea>
</view>
</view>
</view>
<view class="push-button">
@ -195,6 +197,20 @@
</scroll-view>
</view>
</u-popup>
<!-- 快捷输入 -->
<u-popup v-model="popupKj" mode="bottom">
<view>
<scroll-view scroll-y="true" style="background: #f7f7f7;">
<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="kuaijie-btn" @click="quxiaoKj">取消</view>
</scroll-view>
</view>
</u-popup>
</view>
</template>
@ -203,6 +219,7 @@
export default {
data() {
return {
selectedString:'',
startTime: '',
msTimeList: [],
msTimeDate: 0,
@ -254,6 +271,7 @@
birthDate: '',
age: '',
showpay: false,
popupKj:false,
openLists: [],
openWay: 1,
closeable: true,
@ -283,7 +301,14 @@
orderXm:[],
number:1,
qyMinNum:'',
technicianRate:''
technicianRate:'',
selected:[],
fuwuBtn: [
{'title':'请速回电确认服务时间地点'},
{'title':'到达后请先电话联系,切勿大声敲门'},
{'title':'时间紧张,请尽快到达服务位置'},
{'title':'直接来即可'},
],
}
},
onLoad(e) {
@ -363,6 +388,27 @@
// #endif
},
methods: {
quxiaoKj(){//
this.textareaData='';
this.selected=[];
this.popupKj=false;
},
kuaijie(){//
this.popupKj=true;
},
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
},
@ -1313,7 +1359,54 @@
</script>
<style lang="scss" scoped>
.kuaijie-btn{
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
font-weight: bold;
font-size: 14px;
margin-top: 10px;
background: #fff;
// color: #049F89;
}
.huiBtn {
// background: #f6f6f6;
color: #333333;
}
.lanBtn {
// background-color: #049F89;
color: #049F89;
}
.guke{
width: 100%;
display: flex;
margin-top: 20px;
flex-direction: column;
background-color: #fff;
}
.guke-btn {
width: 100%;
height: 40px;
line-height: 40px;
margin-left: 5px;
text-align: center;
line-height: 40px;
font-weight: bold;
font-size: 12px;
border-radius: 6px;
border-bottom: 1px solid #ccc;
}
.guke-list {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
}
.jusitify-line{
height: 76rpx;
display: flex;
@ -1680,6 +1773,9 @@
font-weight: bold;
font-size: 32rpx;
color: #333333;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.checkbox-data{
padding: 0px 11px;

View File

@ -2,11 +2,11 @@
<view class="content">
<view class="content-head">
<view class="padding-top-sm flex align-center" style="padding-bottom: 9px;">
<view v-if="XCXIsSelect != ''" class="flex align-center justify-between margin-right-sm"
<!-- <view v-if="XCXIsSelect != ''" class="flex align-center justify-between margin-right-sm"
@tap="showCityList" style="line-height: 68rpx;">
<image src="../../static/liliao-1.png" class="dingwei-img"></image>
<view class="localName">{{ city }}</view>
</view>
</view> -->
<u-search class="flex-sub" placeholder="请输入技师名字" :focus="false" shape="square" v-model="artificerName"
:show-action="true" :animation="true" bg-color="#f5f5f5" color="#1A1A1A" @search="onSearch()"
action-text="搜索" @custom="onSearch()"></u-search>