【开发】管理端的上传缴费凭证

src/views/standardsAssociation/PaymentInfo/MemberInfo.vue

@@ -45,8 +45,9 @@
 
       <!-- 操作按钮区域 -->
       <div class="table-operator">
-<!--        企业管理员没有操作权限 -->
-        <a-button @click="handleAdd" type="primary" icon="plus" v-if="$store.getters.userInfo.roleCode !== '3'">新增</a-button>
+        <!--        企业管理员没有操作权限 -->
+        <a-button @click="handleAdd" type="primary" icon="plus" v-if="$store.getters.userInfo.roleCode !== '3'">新增
+        </a-button>
         <a-dropdown v-if="selectedRowKeys.length > 0 && $store.getters.userInfo.roleCode !== '3'">
           <a-menu slot="overlay">
             <a-menu-item key="1" @click="batchDel">
@@ -105,19 +106,30 @@
           </template>
 
           <span slot="action" class="action-span-cell" slot-scope="text, record">
-            <!--已支付显示 撤回-->
-           <a v-if="record.paymentStatus === 1 && $store.getters.userInfo.roleCode !== '3'  " @click="handleWithdraw(record)">撤回</a>
+
+<!--            管理端上传的缴费 企业端只能上传凭证 -->
+
+           <template v-if="record.adminAddFlag === 0">
+              <!--已支付显示 撤回-->
+           <a v-if="record.paymentStatus === 1 && $store.getters.userInfo.roleCode !== '3'  "
+              @click="handleWithdraw(record)">撤回</a>
+
           <a v-show="(record.paymentStatus<1 ||record.paymentStatus==2) && $store.getters.userInfo.roleCode !== '3'"
              @click="(record.paymentStatus<1 ||record.paymentStatus==2) && handleEdit(record)">编辑</a>
+
           <a v-show="(record.paymentStatus<1||record.paymentStatus==2) && $store.getters.userInfo.roleCode !== '3'">
             <a @click="(record.paymentStatus<1||record.paymentStatus==2) && handleDelete(record.id)">删除</a>
           </a>
-            <!--          <a v-has="'paymentinfo:check'" v-show="record.paymentStatus==1">-->
-            <!--            <a href="javascript:;"   @click="(record.paymentStatus==1) && handleCheck(record)">核对凭证</a>-->
-            <!--          </a>-->
+
           <a>
             <a href="javascript:;" @click="handleDetail(record)">查看</a>
           </a>
+           </template>
+
+            <template v-if="record.adminAddFlag === 1">
+              <a href="javascript:;" @click="handleUploadRecord(record)">上传凭证</a>
+            </template>
+
         </span>
 
         </a-table>
@@ -128,6 +140,10 @@
       <!--组合缴费 -->
       <combination-payment-modal ref="combinationPayment" @ok="modalFormOk"></combination-payment-modal>
       <!--组合缴费 -->
+
+      <!--      企业端上传 缴费凭证-->
+      <upload-record-modal ref="uploadRecord" @ok="modalFormOk"></upload-record-modal>
+      <!--      企业端上传 缴费凭证-->
     </a-card>
   </div>
 </template>
@@ -139,7 +155,7 @@ import {JeroListMixin} from '@/mixins/JeroListMixin'
 import {StandardListMixin} from '@/mixins/StandardListMixin'
 import PaymentInfoModal from './modules/PaymentInfoModal'
 import CombinationPaymentModal from '@views/standardsAssociation/PaymentInfo/modules/CombinationPaymentModal'
-
+import UploadRecordModal from '@views/standardsAssociation/PaymentInfo/modules/UploadRecordModal'
 import JDictSelectTag from '@/components/standardsAssociation/JDictSelectTag.vue'
 import JDate from '@/components/tools/JDate.vue'
 import {getMemberInfoById, withDrawPayment} from '@/api/standardsAssociationApi'
@@ -153,7 +169,8 @@ export default {
     JDictSelectTag,
     JDate,
     PaymentInfoModal,
-    CombinationPaymentModal
+    CombinationPaymentModal,
+    UploadRecordModal
   },
   data() {
     return {
@@ -392,7 +409,13 @@ export default {
       this.$refs.modalForm.title = '查看'
       this.$refs.modalForm.disableSubmit = true
       this.$refs.modalForm.pageType = 2
-    }
+    },
+    /**
+     * 上传凭证
+     * */
+    handleUploadRecord(record) {
+      this.$refs.uploadRecord.open(record)
+    },
   }
 }
 </script>

src/views/standardsAssociation/PaymentInfo/modules/UploadRecordModal.vue

@@ -0,0 +1,102 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-form-item label="缴费凭证/付款说明" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-image-upload
+            isLessThan5M
+            isMultiple
+            bizPath="payment"
+            v-decorator="['paymentRecord',  validatorRules.paymentRecord]">
+          </j-image-upload>
+        </a-form-item>
+      </a-form>
+    </a-spin>
+  </j-modal>
+</template>
+
+<script>
+import JImageUpload from '@comp/standardsAssociation/JImageUpload'
+import {httpAction} from '@api/memberManage'
+
+export default {
+  name: 'UploadRecordModal',
+  components: {
+    JImageUpload
+  },
+  data() {
+    return {
+      visible: false,
+      title: '上传缴费凭证',
+      confirmLoading: false,
+      width: 800,
+      form: this.$form.createForm(this, {force: true}),
+      model: {},
+      labelCol: {
+        xs: {span: 24},
+        sm: {span: 8},
+        xxl: {span: 8}
+      },
+      wrapperCol: {
+        xs: {span: 24},
+        sm: {span: 15},
+        xxl: {span: 15}
+      },
+      validatorRules: {
+        paymentRecord: {
+          rules: [{
+            required: true, message: '请上传缴费凭证/付款说明'
+          }],
+          validateTrigger: ['blur', 'change']
+        },
+      },
+      url: {
+        add: '111'
+      }
+    }
+  },
+  methods: {
+    open(record) {
+      this.model = Object.assign({}, record)
+      this.visible = true
+    },
+    handleOk() {
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          const formData = Object.assign({}, values)
+          let url = this.url.add
+          httpAction(url, formData, 'post').then(res => {
+            if (res.success) {
+              this.$emit('ok')
+              this.$message.success(res.message)
+              this.handleCancel()
+            } else {
+              this.$message.warning(res.message)
+            }
+          }).finally(() => {
+            this.confirmLoading = false
+          })
+        }
+      })
+
+    },
+    handleCancel() {
+      this.visible = false
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>