给财务单据增加财务人员的快捷录入

jshERP-web/src/views/financial/mixins/FinancialModalMixin.js

@@ -162,6 +162,11 @@ export const FinancialModalMixin = {
       this.$refs.accountModalForm.title = "新增结算账户";
       this.$refs.accountModalForm.disableSubmit = false;
     },
+    addPerson() {
+      this.$refs.personModalForm.add();
+      this.$refs.personModalForm.title = "新增经手人";
+      this.$refs.personModalForm.disableSubmit = false;
+    },
     vendorModalFormOk() {
       this.initSupplier()
     },
@@ -171,6 +176,9 @@ export const FinancialModalMixin = {
     accountModalFormOk() {
       this.initAccount()
     },
+    personModalFormOk() {
+      this.initPerson()
+    },
     //单元值改变一个字符就触发一次
     onValueChange(event) {
       let that = this

jshERP-web/src/views/financial/modules/AdvanceInModal.vue

@@ -29,6 +29,12 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
               <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
                 :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
+                <div slot="dropdownRender" slot-scope="menu">
+                  <v-nodes :vnodes="menu" />
+                  <a-divider style="margin: 4px 0;" />
+                  <div style="padding: 4px 8px; cursor: pointer;"
+                       @mousedown="e => e.preventDefault()" @click="addPerson"><a-icon type="plus" /> 新增经手人</div>
+                </div>
                 <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
                   {{ item.name }}
                 </a-select-option>
@@ -88,10 +94,12 @@
         </a-row>
       </a-form>
     </a-spin>
+    <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
   </j-modal>
 </template>
 <script>
   import pick from 'lodash.pick'
+  import PersonModal from '../../system/modules/PersonModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -101,8 +109,13 @@
     name: "AdvanceInModal",
     mixins: [JEditableTableMixin, FinancialModalMixin],
     components: {
+      PersonModal,
       JUpload,
-      JDate
+      JDate,
+      VNodes: {
+        functional: true,
+        render: (h, ctx) => ctx.props.vnodes,
+      }
     },
     data () {
       return {

jshERP-web/src/views/financial/modules/GiroModal.vue

@@ -19,6 +19,12 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
               <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
                 :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
+                <div slot="dropdownRender" slot-scope="menu">
+                  <v-nodes :vnodes="menu" />
+                  <a-divider style="margin: 4px 0;" />
+                  <div style="padding: 4px 8px; cursor: pointer;"
+                       @mousedown="e => e.preventDefault()" @click="addPerson"><a-icon type="plus" /> 新增经手人</div>
+                </div>
                 <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
                   {{ item.name }}
                 </a-select-option>
@@ -92,11 +98,13 @@
       </a-form>
     </a-spin>
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
+    <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
   </j-modal>
 </template>
 <script>
   import pick from 'lodash.pick'
   import AccountModal from '../../system/modules/AccountModal'
+  import PersonModal from '../../system/modules/PersonModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -107,6 +115,7 @@
     mixins: [JEditableTableMixin, FinancialModalMixin],
     components: {
       AccountModal,
+      PersonModal,
       JUpload,
       JDate,
       VNodes: {

jshERP-web/src/views/financial/modules/ItemInModal.vue

@@ -29,6 +29,12 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
               <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
                 :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
+                <div slot="dropdownRender" slot-scope="menu">
+                  <v-nodes :vnodes="menu" />
+                  <a-divider style="margin: 4px 0;" />
+                  <div style="padding: 4px 8px; cursor: pointer;"
+                       @mousedown="e => e.preventDefault()" @click="addPerson"><a-icon type="plus" /> 新增经手人</div>
+                </div>
                 <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
                   {{ item.name }}
                 </a-select-option>
@@ -100,11 +106,13 @@
       </a-form>
     </a-spin>
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
+    <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
   </j-modal>
 </template>
 <script>
   import pick from 'lodash.pick'
   import AccountModal from '../../system/modules/AccountModal'
+  import PersonModal from '../../system/modules/PersonModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -115,6 +123,7 @@
     mixins: [JEditableTableMixin, FinancialModalMixin],
     components: {
       AccountModal,
+      PersonModal,
       JUpload,
       JDate,
       VNodes: {

jshERP-web/src/views/financial/modules/ItemOutModal.vue

@@ -29,6 +29,12 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
               <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
                 :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
+                <div slot="dropdownRender" slot-scope="menu">
+                  <v-nodes :vnodes="menu" />
+                  <a-divider style="margin: 4px 0;" />
+                  <div style="padding: 4px 8px; cursor: pointer;"
+                       @mousedown="e => e.preventDefault()" @click="addPerson"><a-icon type="plus" /> 新增经手人</div>
+                </div>
                 <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
                   {{ item.name }}
                 </a-select-option>
@@ -100,11 +106,13 @@
       </a-form>
     </a-spin>
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
+    <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
   </j-modal>
 </template>
 <script>
   import pick from 'lodash.pick'
   import AccountModal from '../../system/modules/AccountModal'
+  import PersonModal from '../../system/modules/PersonModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -115,6 +123,7 @@
     mixins: [JEditableTableMixin, FinancialModalMixin],
     components: {
       AccountModal,
+      PersonModal,
       JUpload,
       JDate,
       VNodes: {

jshERP-web/src/views/financial/modules/MoneyInModal.vue

@@ -35,6 +35,12 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
               <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
                 :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
+                <div slot="dropdownRender" slot-scope="menu">
+                  <v-nodes :vnodes="menu" />
+                  <a-divider style="margin: 4px 0;" />
+                  <div style="padding: 4px 8px; cursor: pointer;"
+                       @mousedown="e => e.preventDefault()" @click="addPerson"><a-icon type="plus" /> 新增经手人</div>
+                </div>
                 <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
                   {{ item.name }}
                 </a-select-option>
@@ -128,6 +134,7 @@
     <debt-bill-list ref="debtBillList" @ok="debtBillListOk"></debt-bill-list>
     <customer-modal ref="customerModalForm" @ok="customerModalFormOk"></customer-modal>
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
+    <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
   </j-modal>
 </template>
 <script>
@@ -135,6 +142,7 @@
   import DebtBillList from '../dialog/DebtBillList'
   import CustomerModal from '../../system/modules/CustomerModal'
   import AccountModal from '../../system/modules/AccountModal'
+  import PersonModal from '../../system/modules/PersonModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -147,6 +155,7 @@
       DebtBillList,
       CustomerModal,
       AccountModal,
+      PersonModal,
       JUpload,
       JDate,
       VNodes: {

jshERP-web/src/views/financial/modules/MoneyOutModal.vue

@@ -35,6 +35,12 @@
             <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
               <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
                 :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
+                <div slot="dropdownRender" slot-scope="menu">
+                  <v-nodes :vnodes="menu" />
+                  <a-divider style="margin: 4px 0;" />
+                  <div style="padding: 4px 8px; cursor: pointer;"
+                       @mousedown="e => e.preventDefault()" @click="addPerson"><a-icon type="plus" /> 新增经手人</div>
+                </div>
                 <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
                   {{ item.name }}
                 </a-select-option>
@@ -128,6 +134,7 @@
     <debt-bill-list ref="debtBillList" @ok="debtBillListOk"></debt-bill-list>
     <vendor-modal ref="vendorModalForm" @ok="vendorModalFormOk"></vendor-modal>
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
+    <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
   </j-modal>
 </template>
 <script>
@@ -135,6 +142,7 @@
   import DebtBillList from '../dialog/DebtBillList'
   import VendorModal from '../../system/modules/VendorModal'
   import AccountModal from '../../system/modules/AccountModal'
+  import PersonModal from '../../system/modules/PersonModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -147,6 +155,7 @@
       DebtBillList,
       VendorModal,
       AccountModal,
+      PersonModal,
       JUpload,
       JDate,
       VNodes: {