From d15bcd710b23283734f256905c24cbe98e5a1711 Mon Sep 17 00:00:00 2001
From: fengchenchen <fengchenchen@syxysoft.com>
Date: Fri, 28 Jun 2024 19:52:40 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90update=E3=80=91-=E9=A2=84=E4=BC=B0?=
 =?UTF-8?q?=E5=88=B0=E8=B4=A6=E6=97=A5=E6=9C=9F=E4=BF=AE=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E5=B9=B4=E6=9C=88;=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E7=94=B1=E5=B9=B4=E6=9C=88=E6=97=A5=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E5=B9=B4=E6=9C=88:=E6=99=AE=E9=80=9A?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E3=80=81=E5=B7=A5=E4=BD=9C=E7=BB=84=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E3=80=81=E4=BC=9A=E5=91=98=E7=AE=A1=E7=90=86-?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tools/JMonthDate.vue           | 100 ++++++++++++++++++
 src/mixins/MonthRangeMixins.js                |  40 +++++++
 .../memberManage/SafeguardMemberList.vue      |  13 ++-
 .../SafeguardStardsMemberList.vue             |  15 ++-
 .../modules/SafeguardMemberModal.vue          |   8 +-
 .../modules/SafeguardStardsMemberModal.vue    |   8 +-
 .../modules/PackCompanyModule.vue             |   8 +-
 .../GeneralProjectManagement.vue              |  13 ++-
 .../WorkingGroupMemberUnitMaintenance.vue     |  17 ++-
 .../modules/GeneralProjectModule.vue          |   8 +-
 .../modules/WorkingGroupMemberUnitModule.vue  |   8 +-
 11 files changed, 189 insertions(+), 49 deletions(-)
 create mode 100644 src/components/tools/JMonthDate.vue
 create mode 100644 src/mixins/MonthRangeMixins.js

diff --git a/src/components/tools/JMonthDate.vue b/src/components/tools/JMonthDate.vue
new file mode 100644
index 0000000..2bf36fe
--- /dev/null
+++ b/src/components/tools/JMonthDate.vue
@@ -0,0 +1,100 @@
+<template>
+  <a-month-picker
+    :disabledDate="disabledDate"
+    :disabled="disabled || readOnly"
+    :placeholder="placeholder"
+    @change="handleDateChange"
+    :value="momVal"
+    :showTime="showTime"
+    :format="dateFormat"
+    :mode="mode"
+    :getCalendarContainer="getCalendarContainer"
+  />
+</template>
+<script>
+import moment from 'moment'
+export default {
+  name: 'JMonthDate',
+  props: {
+    placeholder: {
+      type: String,
+      default: '',
+      required: false
+    },
+    value: {
+      type: String,
+      required: false
+    },
+    disabledDate: {
+      type: Function
+    },
+    dateFormat: {
+      type: String,
+      default: 'YYYY-MM-DD',
+      required: false
+    },
+    // 此属性可以被废弃了
+    triggerChange: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    readOnly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    showTime: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    getCalendarContainer: {
+      type: Function,
+      default: (node) => node.parentNode
+    },
+    mode: {
+      type: String,
+      required: false,
+      default: 'date'
+    }
+  },
+  data() {
+    const dateStr = this.value
+    return {
+      decorator: '',
+      momVal: !dateStr ? null : moment(dateStr, this.dateFormat)
+    }
+  },
+  watch: {
+    value(val) {
+      if (!val) {
+        this.momVal = null
+      } else {
+        this.momVal = moment(val, this.dateFormat)
+      }
+    }
+  },
+  methods: {
+    moment,
+    handleDateChange(mom, dateStr) {
+      this.$emit('change', dateStr)
+    }
+  },
+  // 2.2新增 在组件内定义 指定父组件调用时候的传值属性和事件类型 这个牛逼
+  model: {
+    prop: 'value',
+    event: 'change'
+  }
+}
+</script>
+<style lang="less" scoped>
+  /deep/ .ant-input {
+    padding: 4px 6px;
+  }
+</style>
diff --git a/src/mixins/MonthRangeMixins.js b/src/mixins/MonthRangeMixins.js
new file mode 100644
index 0000000..2d18e09
--- /dev/null
+++ b/src/mixins/MonthRangeMixins.js
@@ -0,0 +1,40 @@
+/**
+ * @description 预期到账金额 修改成 年月的形式。
+ * @author fcc
+ * */
+import moment from 'moment'
+export const MonthRangeMixin =  {
+  data() {
+    return {
+      rangeMonthDateFormat: 'YYYY-MM',
+      rangeMonthDateModel:  ['month', 'month'],
+      rangeMonthKey:{
+        start: 'estimatedArrivalStartDate',
+        end: 'estimatedArrivalEndDate',
+      }
+    }
+  },
+  methods:{
+    moment,
+    onMonthRangeDateChange(value, dateString) {
+      this.queryParam[this.rangeMonthKey.start] = dateString[0] || null
+      this.queryParam[this.rangeMonthKey.end] = dateString[1] || null
+      this.queryParam.estimatedArrivalDate = value
+    },
+    handleMonthRangePanelChange(value, mode) {
+      this.queryParam[this.rangeMonthKey.start] = !value[0] ? null : value[0].format(this.rangeMonthDateFormat)
+      this.queryParam[this.rangeMonthKey.end] = !value[1] ? null : value[1].format(this.rangeMonthDateFormat)
+      this.queryParam.estimatedArrivalDate = value
+      this.rangeMonthDateModel = [mode[0] === 'date' ? 'month' : mode[0], mode[1] === 'date' ? 'month' : mode[1]]
+    },
+    // 重写查询方法--删除预估到账日期属性
+    searchQuery() {
+      this.lastQueryParam = {...this.queryParam}
+      if(this.lastQueryParam.estimatedArrivalDate) {
+        delete this.lastQueryParam.estimatedArrivalDate
+      }
+      this.loadData(1)
+    },
+  }
+
+}
\ No newline at end of file
diff --git a/src/views/incomePayments/memberManage/SafeguardMemberList.vue b/src/views/incomePayments/memberManage/SafeguardMemberList.vue
index 25e2b74..c5feee4 100644
--- a/src/views/incomePayments/memberManage/SafeguardMemberList.vue
+++ b/src/views/incomePayments/memberManage/SafeguardMemberList.vue
@@ -51,10 +51,12 @@
             <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-range-picker
                 style="width: 100%"
+                format="YYYY-MM"
                 v-model="queryParam.estimatedArrivalDate"
-                format="YYYY-MM-DD"
+                :mode="rangeMonthDateModel"
                 :placeholder="['开始时间', '结束时间']"
-                @change="onDateChange"
+                @panelChange="handleMonthRangePanelChange"
+                @change="onMonthRangeDateChange"
               />
             </a-form-item>
           </a-col>
@@ -179,10 +181,11 @@ import { formatMoney } from '@/utils/formatMoney'
 import {getAction} from '@api/manage'
 import {getFileInfo} from '@api/api'
 import {getPayConfirmList} from '@api/incomePaymentsApi'
+import { MonthRangeMixin } from '../../../mixins/MonthRangeMixins'
 
 export default {
   name: 'SafeguardMemberList',
-  mixins: [JeroListMixin, mixinDevice],
+  mixins: [JeroListMixin, mixinDevice, MonthRangeMixin],
   components: {
     JYearDate,
     SafeguardMemberModal,
@@ -369,10 +372,6 @@ export default {
           this.currentInfo.fileName = res.result.fileName
         }
       })
-    },
-    onDateChange: function (value, dateString) {
-      this.queryParam.estimatedArrivalStartDate = dateString[0]
-      this.queryParam.estimatedArrivalEndDate = dateString[1]
     }
   }
 }
diff --git a/src/views/incomePayments/memberManage/SafeguardStardsMemberList.vue b/src/views/incomePayments/memberManage/SafeguardStardsMemberList.vue
index 28d9a20..b8f56d9 100644
--- a/src/views/incomePayments/memberManage/SafeguardStardsMemberList.vue
+++ b/src/views/incomePayments/memberManage/SafeguardStardsMemberList.vue
@@ -54,10 +54,12 @@
             <a-form-item label="预估到账日期">
               <a-range-picker
                 style="width: 100%"
-                v-model="queryParam.estimatedArrivalDateArr"
-                format="YYYY-MM-DD"
+                format="YYYY-MM"
+                v-model="queryParam.estimatedArrivalDate"
+                :mode="rangeMonthDateModel"
                 :placeholder="['开始时间', '结束时间']"
-                @change="onDateChange"
+                @panelChange="handleMonthRangePanelChange"
+                @change="onMonthRangeDateChange"
               />
             </a-form-item>
           </a-col>
@@ -227,10 +229,11 @@ import {getPayConfirmList, getStardsMemberProjectById, memberDrawTicket} from '@
 import MemberEquityModal from './modules/MemberEquityModal'
 import MemberCopyModal from './modules/MemberCopyModal'
 import { ProjectTypeEnums } from '@/enums/commonEnums'
+import { MonthRangeMixin } from '../../../mixins/MonthRangeMixins'
 
 export default {
   name: 'SafeguardStardsMemberList',
-  mixins: [JeroListMixin, mixinDevice],
+  mixins: [JeroListMixin, mixinDevice, MonthRangeMixin],
   components: {
     ProjectDetailModal,
     StatusSlot,
@@ -373,6 +376,10 @@ export default {
         }
       ],
       disableMixinCreated: true,
+      rangeMonthKey:{
+        start: 'estimatedArrivalDate_begin',
+        end: 'estimatedArrivalDate_end',
+      },
       url: {
         list: '/member/tbMemberProjectSubitem/page',
         exportXlsUrl: '/member/tbMemberProjectSubitem/exportXls',
diff --git a/src/views/incomePayments/memberManage/modules/SafeguardMemberModal.vue b/src/views/incomePayments/memberManage/modules/SafeguardMemberModal.vue
index 3d90c5b..370c6b4 100644
--- a/src/views/incomePayments/memberManage/modules/SafeguardMemberModal.vue
+++ b/src/views/incomePayments/memberManage/modules/SafeguardMemberModal.vue
@@ -134,11 +134,11 @@
         <a-row>
           <a-col :xl="12" :sm="24">
             <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-date placeholder="请选择预估到账日期"
+              <j-month-date placeholder="请选择预估到账日期"
                       style="width: 100%;"
                       v-decorator="['estimatedArrivalDate', validatorRules.estimatedArrivalDate]"
                       :trigger-change="true"
-                      date-format="YYYY-MM-DD"
+                      date-format="YYYY-MM"
               />
             </a-form-item>
           </a-col>
@@ -276,14 +276,14 @@ import { checkAssociatedProject } from '@/utils/projectCheck'
 import SelectRevenueContract from '../../../../components/tools/SelectRevenueContract'
 import JDictSelectTag from '@comp/dict/JDictSelectTag'
 import { CalcAmountMixin } from '@/mixins/CalcAmountMixin'
-import JDate from '@/components/tools/JDate'
+import JMonthDate from '@/components/tools/JMonthDate'
 
 export default {
   name: 'SafeguardMemberModal',
   mixins:[CalcAmountMixin],
   components: {
     JUpload,
-    JDate,
+    JMonthDate,
     JDictSelectTag,
     CompanySelect,
     // ContactManagementModule,
diff --git a/src/views/incomePayments/memberManage/modules/SafeguardStardsMemberModal.vue b/src/views/incomePayments/memberManage/modules/SafeguardStardsMemberModal.vue
index 2eb3352..8fbeea8 100644
--- a/src/views/incomePayments/memberManage/modules/SafeguardStardsMemberModal.vue
+++ b/src/views/incomePayments/memberManage/modules/SafeguardStardsMemberModal.vue
@@ -150,11 +150,11 @@
         <a-row :gutter="24">
           <a-col :xl="12" :sm="24">
             <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-date placeholder="请选择预估到账日期"
+              <j-month-date placeholder="请选择预估到账日期"
                       style="width: 100%;"
                       v-decorator="['estimatedArrivalDate', validatorRules.estimatedArrivalDate]"
                       :trigger-change="true"
-                      date-format="YYYY-MM-DD"
+                      date-format="YYYY-MM"
               />
             </a-form-item>
           </a-col>
@@ -265,7 +265,7 @@
 
 <script>
 import JUpload from '@/components/jero/JUpload'
-import JDate from '@/components/jero/JDate'
+import JMonthDate from '@/components/tools/JMonthDate'
 import JDictSelectTag from '@/components/dict/JDictSelectTag'
 import CompanySelect from '@/components/company/CompanySelect'
 import SelectContacts from '@/components/company/SelectContacts'
@@ -283,7 +283,7 @@ export default {
   mixins: [CalcAmountMixin],
   components: {
     JUpload,
-    JDate,
+    JMonthDate,
     JDictSelectTag,
     CompanySelect,
     SelectContacts,
diff --git a/src/views/packManagement/modules/PackCompanyModule.vue b/src/views/packManagement/modules/PackCompanyModule.vue
index 2108ba0..bd828e4 100644
--- a/src/views/packManagement/modules/PackCompanyModule.vue
+++ b/src/views/packManagement/modules/PackCompanyModule.vue
@@ -146,11 +146,11 @@
           </a-col>
           <a-col :xl="12" :sm="24">
             <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-date placeholder="请选择预估到账日期"
+              <j-month-date placeholder="请选择预估到账日期"
                       style="width: 100%;"
                       v-decorator="['estimatedArrivalDate', validatorRules.estimatedArrivalDate]"
                       :trigger-change="true"
-                      date-format="YYYY-MM-DD"
+                      date-format="YYYY-MM"
               />
             </a-form-item>
           </a-col>
@@ -248,12 +248,12 @@ import { addZero } from '../../../utils/util'
 import SelectPrincipal from '@comp/company/SelectPrincipal.vue'
 import SelectRevenueContract from '@comp/tools/SelectRevenueContract'
 import JUpload from '@comp/jero/JUpload'
-import JDate from '@comp/tools/JDate'
+import JMonthDate from '@comp/tools/JMonthDate'
 import {checkAssociatedProject} from '@/utils/projectCheck'
 
 export default {
   name: 'PackCompanyModule',
-  components: {JDate, JUpload, SelectRevenueContract, CompanySelect, SelectContacts, JYearDate, SelectPrincipal },
+  components: {JMonthDate, JUpload, SelectRevenueContract, CompanySelect, SelectContacts, JYearDate, SelectPrincipal },
   props: {
     // 合同号是否可编辑
     isContractNumDisabled: {
diff --git a/src/views/projectManagement/GeneralProjectManagement.vue b/src/views/projectManagement/GeneralProjectManagement.vue
index 9af31b4..068acdf 100644
--- a/src/views/projectManagement/GeneralProjectManagement.vue
+++ b/src/views/projectManagement/GeneralProjectManagement.vue
@@ -46,10 +46,12 @@
               <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <a-range-picker
                   style="width: 100%"
+                  format="YYYY-MM"
                   v-model="queryParam.estimatedArrivalDate"
-                  format="YYYY-MM-DD"
+                  :mode="rangeMonthDateModel"
                   :placeholder="['开始时间', '结束时间']"
-                  @change="onDateChange"
+                  @panelChange="handleMonthRangePanelChange"
+                  @change="onMonthRangeDateChange"
                 />
               </a-form-item>
             </a-col>
@@ -159,11 +161,12 @@ import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
 import IconProjectManagement from '@/assets/imgs/icon/icon_project_management.png'
 import { formatMoney } from '../../utils/formatMoney'
 import {getPayConfirmList} from '@api/incomePaymentsApi'
+import { MonthRangeMixin } from '../../mixins/MonthRangeMixins'
 
 export default {
   name: 'GeneralProjectManagement',
   components: { JYearDate, GeneralProjectModule, SelectPrincipal, ProjectDetailModal, StatusSlot, PageHeaderTitle },
-  mixins: [JeroListMixin],
+  mixins: [JeroListMixin, MonthRangeMixin],
   computed: {
     importExcelUrl: function () {
       return `${ window._CONFIG['domianURL'] }/${ this.url.importExcelUrl }`
@@ -311,10 +314,6 @@ export default {
       }
       this.$refs.basicInfo = basicInfo
       this.$refs.projectDetail.open(record)
-    },
-    onDateChange: function (value, dateString) {
-      this.queryParam.estimatedArrivalStartDate = dateString[0]
-      this.queryParam.estimatedArrivalEndDate = dateString[1]
     }
   }
 }
diff --git a/src/views/projectManagement/WorkingGroupMemberUnitMaintenance.vue b/src/views/projectManagement/WorkingGroupMemberUnitMaintenance.vue
index e8c4098..ee58989 100644
--- a/src/views/projectManagement/WorkingGroupMemberUnitMaintenance.vue
+++ b/src/views/projectManagement/WorkingGroupMemberUnitMaintenance.vue
@@ -74,10 +74,12 @@
               <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
                 <a-range-picker
                   style="width: 100%"
+                  format="YYYY-MM"
                   v-model="queryParam.estimatedArrivalDate"
-                  format="YYYY-MM-DD"
+                  :mode="rangeMonthDateModel"
                   :placeholder="['开始时间', '结束时间']"
-                  @change="onDateChange"
+                  @panelChange="handleMonthRangePanelChange"
+                  @change="onMonthRangeDateChange"
                 />
               </a-form-item>
             </a-col>
@@ -228,6 +230,7 @@ import EmailErrorMsgModal from './modules/EmailErrorMsgModal'
 import WorkGroupSetLabel from './modules/WorkGroupSetLabel'
 import { formatMoney } from '../../utils/formatMoney'
 import {YesOrNoEnums} from '@/enums/commonEnums'
+import { MonthRangeMixin } from '../../mixins/MonthRangeMixins'
 
 // eslint-disable-next-line no-undef,no-unused-vars
 const Base64 = require('js-base64').Base64
@@ -245,7 +248,7 @@ export default {
     EmailErrorMsgModal,
     WorkGroupSetLabel
   },
-  mixins: [JeroListMixin],
+  mixins: [JeroListMixin, MonthRangeMixin],
   computed: {
     importExcelUrl: function () {
       return `${ window._CONFIG['domianURL'] }/${ this.url.importExcelUrl }`
@@ -463,14 +466,6 @@ export default {
         }
       })
     },
-    // 重写查询方法--删除预估到账日期属性
-    searchQuery() {
-      this.lastQueryParam = {...this.queryParam}
-      if(this.lastQueryParam.estimatedArrivalDate) {
-        delete this.lastQueryParam.estimatedArrivalDate
-      }
-      this.loadData(1)
-    },
     /**
      * 初始化工作组信息
      */
diff --git a/src/views/projectManagement/modules/GeneralProjectModule.vue b/src/views/projectManagement/modules/GeneralProjectModule.vue
index 4c3e00a..3832773 100644
--- a/src/views/projectManagement/modules/GeneralProjectModule.vue
+++ b/src/views/projectManagement/modules/GeneralProjectModule.vue
@@ -143,11 +143,11 @@
         <a-row>
           <a-col :xl="12" :sm="24">
             <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-date placeholder="请选择预估到账日期"
+              <j-month-date placeholder="请选择预估到账日期"
                       style="width: 100%;"
                       v-decorator="['estimatedArrivalDate', validatorRules.estimatedArrivalDate]"
                       :trigger-change="true"
-                      date-format="YYYY-MM-DD"
+                      date-format="YYYY-MM"
               />
             </a-form-item>
           </a-col>
@@ -254,11 +254,11 @@ import { USER_INFO } from '../../../store/mutation-types'
 import { money } from '../../../utils/validate'
 import { checkAssociatedProject } from '../../../utils/projectCheck'
 import SelectRevenueContract from '../../../components/tools/SelectRevenueContract'
-import JDate from '@/components/tools/JDate'
+import JMonthDate from '@/components/tools/JMonthDate'
 
 export default {
   name: 'GeneralProjectModule',
-  components: { JYearDate, JUpload, JDate,CompanySelect, SelectPrincipal, SelectContacts, SelectRevenueContract ,JDictSelectTag},
+  components: { JYearDate, JUpload, JMonthDate,CompanySelect, SelectPrincipal, SelectContacts, SelectRevenueContract ,JDictSelectTag},
   props: {
     // 收入合同关联时传入的企业信息，不可修改
     defaultChargeCompany: {
diff --git a/src/views/projectManagement/modules/WorkingGroupMemberUnitModule.vue b/src/views/projectManagement/modules/WorkingGroupMemberUnitModule.vue
index 01cf245..16efbf8 100644
--- a/src/views/projectManagement/modules/WorkingGroupMemberUnitModule.vue
+++ b/src/views/projectManagement/modules/WorkingGroupMemberUnitModule.vue
@@ -273,11 +273,11 @@
           <a-row>
             <a-col :xl="12" :sm="24">
               <a-form-item label="预估到账日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <j-date placeholder="请选择预估到账日期"
+                <j-month-date placeholder="请选择预估到账日期"
                         style="width: 100%;"
                         v-decorator="['estimatedArrivalDate', validatorRules.estimatedArrivalDate]"
                         :trigger-change="true"
-                        date-format="YYYY-MM-DD"
+                        date-format="YYYY-MM"
                 />
               </a-form-item>
             </a-col>
@@ -435,12 +435,12 @@ import { checkAssociatedProject } from '../../../utils/projectCheck'
 import SelectRevenueContract from '../../../components/tools/SelectRevenueContract'
 import JDictSelectTag from '@comp/dict/JDictSelectTag'
 import { CalcAmountMixin } from '@/mixins/CalcAmountMixin'
-import JDate from '@/components/tools/JDate'
+import JMonthDate from '@/components/tools/JMonthDate'
 import {getAllWorkProjects} from '@api/incomeMeetingApi'
 
 export default {
   name: 'WorkingGroupMemberUnitModule',
-  components: { JUpload, JDate, CompanySelect, SelectContacts, SelectRevenueContract, JDictSelectTag },
+  components: { JUpload, JMonthDate, CompanySelect, SelectContacts, SelectRevenueContract, JDictSelectTag },
   mixins: [CalcAmountMixin],
   props: {
     // 默认来款方式（收入合同新增工作组项目，来款方式默认为2--合同）