森语-员工档案登记表-增加年假计算公式

src/views/system/modules/UserModal.vue

@@ -260,11 +260,11 @@
        
 
         <a-form-item label="年假" :labelCol="labelCol" :wrapperCol="wrapperCol">
-          <a-input placeholder="请输入年假" v-decorator="['nannualNum', {}]" />
+          <a-input placeholder="请输入年假" v-decorator="['nannualNum', {}]"  @blur="changeVacation"/>
         </a-form-item>
 
         <a-form-item label="已请年假" :labelCol="labelCol" :wrapperCol="wrapperCol">
-          <a-input placeholder="请输入输入已请年假" v-decorator="['nannualOldNum', {}]" />
+          <a-input placeholder="请输入输入已请年假" v-decorator="['nannualOldNum', {}]" @blur="changeVacation"/>
         </a-form-item>
 
         <a-form-item label="剩余年假" :labelCol="labelCol" :wrapperCol="wrapperCol">
@@ -977,6 +977,15 @@ export default {
             }
             // TODO 验证文件大小
         },
+        changeVacation(){
+          var formData = this.form.getFieldsValue()
+          var nannualOldNum = (formData.nannualOldNum==''||!formData.nannualOldNum)? 0 : Number(formData.nannualOldNum)
+          
+          // var nannualNowNum = (formData.nannualNowNum==''||!formData.nannualNowNum)? 0 : Number(formData.nannualNowNum)
+          var nannualNum = (formData.nannualNum==''||!formData.nannualNum)? 0 : Number(formData.nannualNum)
+          var nannualNowNum = nannualNum - nannualOldNum
+          this.form.setFieldsValue({nannualNowNum:nannualNowNum})
+        },
         handleChange (info) {
             this.picUrl = ''
             if (info.file.status === 'uploading') {