84 lines
2.3 KiB
HTML
84 lines
2.3 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
<style>
|
|
.van-dialog__confirm {
|
|
color: #409EFF;
|
|
}
|
|
|
|
.van-dialog {
|
|
width: 95%;
|
|
height: 85%;
|
|
margin-top: 5%;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<van-nav-bar title="福利签收" left-arrow placeholder fixed @click-left="history.back()"></van-nav-bar>
|
|
|
|
<welfare ref="welfare" @sign="openDialog"></welfare>
|
|
|
|
<van-dialog id="dialog" v-model="showSign" title="请签字确认" show-cancel-button @confirm="signFor"
|
|
@close="$refs.signature.reset()">
|
|
<mobile-sign ref="signature" :my_sign.sync="sign"></mobile-sign>
|
|
</van-dialog>
|
|
</div>
|
|
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
showSign: false,
|
|
data: {},
|
|
sign: ""
|
|
}
|
|
},
|
|
components: {
|
|
'welfare': httpVueLoader('/components/welfare/common.vue'),
|
|
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
|
|
},
|
|
methods: {
|
|
signFor() {
|
|
this.$refs.signature.submitSign()
|
|
|
|
if (!this.sign) {
|
|
this.$toast('请签名再提交')
|
|
return
|
|
}
|
|
const {lp_id, txfl} = this.data
|
|
|
|
this.$toast.loading({message: '提交中...', forbidClick: true,});
|
|
|
|
$.post("/mobile/welfare/signing/signFor", {
|
|
lp_id: lp_id,
|
|
elasticity_name: txfl,
|
|
sign: this.sign
|
|
}, (res) => {
|
|
if (res.code === 0) {
|
|
this.$toast.success('签收成功');
|
|
this.$refs.welfare.onRefresh()
|
|
} else {
|
|
this.$toast.fail('签收失败');
|
|
}
|
|
})
|
|
},
|
|
openDialog(row) {
|
|
this.data = row
|
|
if (!row.txfl && row.hxlp.length > 0) {
|
|
this.$toast('未选择弹性福利');
|
|
return
|
|
}
|
|
this.showSign = true
|
|
|
|
this.$nextTick(()=>{
|
|
this.$refs.signature.getMySign()
|
|
})
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#--> |