手机端除了元素管理的其他已经完成
赵夫琳
8 months ago
parent
aeeb8ceeaf
commit
a4cd469679
@ -0,0 +1,120 @@
|
||||
<!-- 修改支付方式 -->
|
||||
<template>
|
||||
<div>
|
||||
<van-popup v-model="newIsShow" position="bottom" :close-on-click-overlay="false" @close="hanleCancel" get-container="#app" closeable>
|
||||
<div class="det-form-header">付款确认</div>
|
||||
<div class="det-form">
|
||||
<van-form ref="form" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
|
||||
<van-field label="是否核销" name="cancelAfterVerification" required input-align="right" label-width="9em" :rules="[{ required: true, message: '请选择是否核销' }]">
|
||||
<template #input>
|
||||
<van-radio-group v-model="form.cancelAfterVerification" direction="horizontal">
|
||||
<van-radio :name="1">是</van-radio>
|
||||
<van-radio :name="0">否</van-radio>
|
||||
</van-radio-group>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-field label="附件" input-align="right" label-width="9em">
|
||||
<template #input>
|
||||
<UploadFile @onConfirm="handleUpload" @onShow="handleOnShow" typeStr="PayConfirmToast" :fileList="fileList" />
|
||||
</template>
|
||||
</van-field>
|
||||
</van-form>
|
||||
<div class="dept-form-footer">
|
||||
<van-button class="btn" native-type="buttton" @click.stop="hanleCancel" :loading="loading">取消</van-button>
|
||||
<van-button class="btn" type="info" native-type="buttton" @click.stop="handleSave" :loading="loading">确定</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</van-popup>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
import { confirmApi } from "@/api/bs/paymentApply";
|
||||
export default {
|
||||
props: {
|
||||
isShow: Boolean,
|
||||
pId: [String, Number], // 列表id,
|
||||
},
|
||||
name: '',
|
||||
components: {
|
||||
UploadFile: () => import('@/components/UploadFile')
|
||||
},
|
||||
activated() {
|
||||
console.log('this.isShow...', this.isShow);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
form: {
|
||||
cancelAfterVerification: null
|
||||
},
|
||||
fileList: [],
|
||||
newIsShow: false
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
isShow: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.handleInitForm()
|
||||
}
|
||||
this.newIsShow = val
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
roleFlag: state => state.common.user.info.roleFlag
|
||||
}),
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleOnShow() {
|
||||
this.$emit('onShow')
|
||||
},
|
||||
handleUpload(list) {
|
||||
this.fileList = list
|
||||
},
|
||||
handleInitForm() {
|
||||
this.$nextTick(() => {
|
||||
this.form.cancelAfterVerification = null
|
||||
this.fileList = []
|
||||
this.$refs.form.resetValidation()
|
||||
})
|
||||
},
|
||||
handleSave() {
|
||||
this.$refs.form.validate().then(() => {
|
||||
this.loading = true
|
||||
let form = {
|
||||
id: this.pId,
|
||||
files: this.fileList
|
||||
}
|
||||
confirmApi(form).then(() => {
|
||||
this.loading = false
|
||||
this.$sm('付款确认成功!')
|
||||
this.$emit('onCompelete')
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}).catch((err) => {
|
||||
if (err && err.length > 0 && err[0].name) {
|
||||
if (err[0].name === 'cancelAfterVerification') {
|
||||
this.$fm(err[0].message)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
hanleCancel() {
|
||||
this.$emit('onClose')
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<style lang='scss' scoped>
|
||||
// @import './index.scss';
|
||||
@import '~@/assets/style/order/btnPublic.scss';
|
||||
</style>
|
||||
Loading…
Reference in New Issue