工作组项目管理--成员维护

2021-09-02 15:59:29 +08:00
parent baac93159f
commit d8b540041b
7 changed files with 753 additions and 92 deletions
@@ -0,0 +1,146 @@
+<template>
+  <j-modal
+      :title="title"
+      :width="width"
+      :visible="visible"
+      :confirmLoading="confirmLoading"
+      switchFullscreen
+      @ok="handleOk"
+      @cancel="handleCancel"
+      cancelText="关闭">
+    <a-form :form="form">
+      <a-form-item label="收费通知号" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
+        <a-radio-group v-decorator="['chargeNoticeNo']" @change="handleChargeNoticeChange"
+                       :options="chargeNoticeList"></a-radio-group>
+      </a-form-item>
+      <a-row v-if="selectedChargeNotice === 'A'">
+        <a-col :xl="12" :sm="24">
+          <a-form-item label="本年应收款A" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input placeholder="请输入本年应收款A"
+                     v-decorator="['receivableAmount']"
+                     :maxLength='50'
+                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+          </a-form-item>
+        </a-col>
+        <a-col :xl="12" :sm="24">
+          <a-form-item label="收费通知A" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-upload file-type="pdf"
+                      file-type-error-message="请上传收费通知"
+                      :multiple="false"
+                      :return-id="true"
+                      bizPath="payment"
+                      v-decorator="['chargeNoticeId']"
+                      :trigger-change="true"></j-upload>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row v-if="selectedChargeNotice === 'B'">
+        <a-col :xl="12" :sm="24">
+          <a-form-item label="本年应收款B" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input placeholder="请输入本年应收款A"
+                     v-decorator="['receivableAmount']"
+                     :maxLength='50'
+                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+          </a-form-item>
+        </a-col>
+        <a-col :xl="12" :sm="24">
+          <a-form-item label="收费通知B" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <j-upload file-type="pdf"
+                      file-type-error-message="请上传收费通知"
+                      :multiple="false"
+                      :return-id="true"
+                      bizPath="payment"
+                      v-decorator="['chargeNoticeId']"
+                      :trigger-change="true"></j-upload>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </j-modal>
+</template>
+
+<script>
+import pick from 'lodash.pick'
+import JUpload from '../../../components/jero/JUpload'
+
+export default {
+  name: 'WorkingGroupMemberSetChargeNotice',
+  components: { JUpload },
+  data() {
+    return {
+      title: '设置收费通知',
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 18 }
+      },
+      remarksLabelCol: {
+        xs: { span: 24 },
+        sm: { span: 3 }
+      },
+      remarksWrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 21 }
+      },
+      selectedRowKeys: null, // 选中项目的id
+      chargeNoticeList: null, // 收费通知列表
+      selectedChargeNotice: null // 选中的收费通知类型
+    }
+  },
+  methods: {
+    handleOpen() {
+      this.visible = true
+    },
+    handleOk() {
+
+    },
+    handleCancel() {
+      this.close()
+    },
+    close() {
+      this.visible = false
+    },
+    /**
+     * 收费通知号变化, 回显本年应收款和文件
+     */
+    handleChargeNoticeChange(e) {
+      let chargeNoticeNo = e.target.value
+      this.pickChargeNoticeType(chargeNoticeNo)
+    },
+    /**
+     * 匹配显隐
+     * @param value
+     */
+    pickChargeNoticeType(value) {
+      this.chargeNoticeList.forEach(item => {
+        if (item.value === value) {
+          if (item.type === 'chargeNoticeA') {
+            this.selectedChargeNotice = 'A'
+            this.model.receivableAmount = item.yearCharge
+            this.model.chargeNoticeId = item.chargeNoticeId
+          } else {
+            this.selectedChargeNotice = 'B'
+            this.model.receivableAmount = item.yearCharge
+            this.model.chargeNoticeId = item.chargeNoticeId
+          }
+        }
+      })
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'receivableAmount', 'chargeNoticeId'))
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>