dingdong-master/pages/area-proxy/modal/invite-master.vue

66 lines
1.6 KiB
Vue
Raw Normal View History

2022-06-01 18:18:33 +08:00
<template>
<!-- 邀请师傅模态框 -->
<view class="cu-modal" :class="isShow?'show':''">
<view class="cu-dialog bg-white">
<view class="cu-bar bg-white justify-end solid-bottom">
<view class="content">邀请</view>
<view class="action" @click="hideModal">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<view class="padding-xl text-left">
<view class="margin-top-sm">
<text>团队成员师傅ID</text>
<input class="radius-input margin-top-sm" type="text" v-model="workerId"></input>
</view>
<view class="margin-top-sm">
<text>成员师傅备注</text>
<input class="radius-input margin-top-sm" type="text" v-model="workerName"></input>
</view>
</view>
<view class="cu-bar bg-white solid-top">
<view class="action margin-0 flex-sub text-black" @tap="hideModal">取消</view>
<view class="action margin-0 flex-sub text-main-color solid-left" @tap="hideModal"
@click="confirm">邀请</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'invite-master',
emits: ['confirm'],
data() {
return {
isShow: false,
workerId: '',
workerName: ''
}
},
methods: {
showModal(e) {
this.isShow = true
},
hideModal(e) {
this.isShow = false;
this.resetData();
},
resetData() {
this.workerId = '',
this.workerName = ''
},
confirm() {
this.$emit('confirm', {
leaderId: this.$request.getCurUserInfo().workerId,
workerId: this.workerId,
workerName: this.workerName
});
}
}
}
</script>
<style>
</style>