66 lines
1.6 KiB
Vue
66 lines
1.6 KiB
Vue
|
|
<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>
|