|
|
@@ -0,0 +1,115 @@
|
|
|
+<template>
|
|
|
+ <el-dialog title="缴费信息" :visible.sync="show" center width="600px">
|
|
|
+ <el-form
|
|
|
+ hide-required-asterisk
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ ref="form"
|
|
|
+ label-width="140px"
|
|
|
+ style="padding-right: 130px;"
|
|
|
+ >
|
|
|
+ <el-form-item label="是否缴费完成" prop="payment">
|
|
|
+ <el-radio-group v-model="form.payment">
|
|
|
+ <el-radio :label="true">
|
|
|
+ 是
|
|
|
+ </el-radio>
|
|
|
+ <el-radio :label="false">
|
|
|
+ 否
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="受理通知书" prop="attachment1" v-if="form.payment">
|
|
|
+ <attachment-upload
|
|
|
+ v-model="form.attachment1"
|
|
|
+ :fileSize.sync="form.attachment1.size"
|
|
|
+ ></attachment-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <template v-else>
|
|
|
+ <el-form-item prop="attachment2">
|
|
|
+ <div slot="label" style="line-height: 22px;">
|
|
|
+ <div>无款不予受理</div>
|
|
|
+ <div>通知书</div>
|
|
|
+ </div>
|
|
|
+ <attachment-upload v-model="form.attachment2" :fileSize.sync="form.attachment2.size">
|
|
|
+ </attachment-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button style="width: 150px;" size="normal" type="primary" @click="onSubmit">提交</el-button>
|
|
|
+ <el-button style="width: 120px;" size="normal" @click="show = false">取消</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import logoPatent from '@/mixins/logoPatent';
|
|
|
+export default {
|
|
|
+ mixins: [logoPatent],
|
|
|
+ props: {
|
|
|
+ info: {}
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ form: {
|
|
|
+ payment: true,
|
|
|
+ attachment1: { attachmentName: '受理通知书', fileName: '', url: '', remark: '', size: '' },
|
|
|
+ attachment2: { attachmentName: '无款不予受理通知书', fileName: '', url: '', remark: '', size: '' }
|
|
|
+ },
|
|
|
+ show: false,
|
|
|
+ rules: {
|
|
|
+ payment: { required: true, message: '请输入附件名称', trigger: 'blur' },
|
|
|
+ attachment1: {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (!value.url) {
|
|
|
+ callback(new Error('请上传受理通知书'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'change'
|
|
|
+ },
|
|
|
+ attachment2: {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ if (!value.url) {
|
|
|
+ callback(new Error('请上传无款不予受理通知书'));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onSubmit() {
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.submit();
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ submit() {
|
|
|
+ let info = { ...this.info };
|
|
|
+
|
|
|
+ info.payment = this.form.payment;
|
|
|
+
|
|
|
+ if (info.payment) {
|
|
|
+ this.$emit('uploadAttement', this.form.attachment1);
|
|
|
+ info.logoWorkflow = 'PENDING_REVIEW';
|
|
|
+ } else {
|
|
|
+ this.$emit('uploadAttement', this.form.attachment2);
|
|
|
+ info.logoWorkflow = 'UNPAID';
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$emit('submit', info);
|
|
|
+ this.show = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style></style>
|