给收入单和支出单增加收支项目下拉框的快捷录入框

jshERP-web/src/components/jeecg/JEditableTable.vue

@@ -234,6 +234,7 @@
                           <div slot="dropdownRender" slot-scope="menu">
                             <v-nodes :vnodes="menu" />
                             <slot name="depotAdd" v-if="col.key === 'depotId'" :target="getVM()"/>
+                            <slot name="inOutItemAdd" v-if="col.key === 'inOutItemId'" :target="getVM()"/>
                           </div>
                           <!--<template v-for="(opt,optKey) in col.options">-->
                           <!--<a-select-option :value="opt.value" :key="optKey">{{ opt.title }}</a-select-option>-->

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

@@ -18,7 +18,11 @@ export const FinancialModalMixin = {
       billStatus: '0',
       isCanCheck: true,
       quickBtn: {
-        person: false
+        vendor: false,
+        customer: false,
+        account: false,
+        person: false,
+        inOutItem: false
       },
       /* 原始审核是否开启 */
       checkFlag: true,
@@ -191,6 +195,11 @@ export const FinancialModalMixin = {
       this.$refs.personModalForm.title = "新增经手人";
       this.$refs.personModalForm.disableSubmit = false;
     },
+    addInOutItem(type) {
+      this.$refs.inOutItemModalForm.add(type);
+      this.$refs.inOutItemModalForm.title = "新增收支项目";
+      this.$refs.inOutItemModalForm.disableSubmit = false;
+    },
     vendorModalFormOk() {
       this.initSupplier()
     },
@@ -203,6 +212,9 @@ export const FinancialModalMixin = {
     personModalFormOk() {
       this.initPerson()
     },
+    inOutItemModalFormOk(type) {
+      this.initInOutItem(type)
+    },
     workflowModalFormOk() {
       this.close()
     },
@@ -337,6 +349,7 @@ export const FinancialModalMixin = {
             this.quickBtn.customer = btnStrList[i].url === '/system/customer'?btnStrList[i].btnStr.indexOf(1)>-1:this.quickBtn.customer
             this.quickBtn.account = btnStrList[i].url === '/system/account'?btnStrList[i].btnStr.indexOf(1)>-1:this.quickBtn.account
             this.quickBtn.person = btnStrList[i].url === '/system/person'?btnStrList[i].btnStr.indexOf(1)>-1:this.quickBtn.person
+            this.quickBtn.inOutItem = btnStrList[i].url === '/system/in_out_item'?btnStrList[i].btnStr.indexOf(1)>-1:this.quickBtn.inOutItem
           }
         }
       }

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

@@ -67,7 +67,12 @@
           :rowSelection="true"
           :actionButton="true"
           @added="onAdded"
-          @valueChange="onValueChange" />
+          @valueChange="onValueChange">
+          <template #inOutItemAdd>
+            <a-divider v-if="quickBtn.inOutItem" style="margin: 4px 0;" />
+            <div v-if="quickBtn.inOutItem" style="padding: 4px 8px; cursor: pointer;" @click="addInOutItem('in')"><a-icon type="plus" /> 新增收支项目</div>
+          </template>
+        </j-editable-table>
         <a-row class="form-row" :gutter="24">
           <a-col :lg="24" :md="24" :sm="24">
             <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
@@ -114,6 +119,7 @@
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
     <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
     <workflow-iframe ref="modalWorkflow" @ok="workflowModalFormOk"></workflow-iframe>
+    <in-out-item-modal ref="inOutItemModalForm" @ok="inOutItemModalFormOk('in')"></in-out-item-modal>
   </j-modal>
 </template>
 <script>
@@ -121,6 +127,7 @@
   import AccountModal from '../../system/modules/AccountModal'
   import PersonModal from '../../system/modules/PersonModal'
   import WorkflowIframe from '@/components/tools/WorkflowIframe'
+  import InOutItemModal from '../../system/modules/InOutItemModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -133,6 +140,7 @@
       AccountModal,
       PersonModal,
       WorkflowIframe,
+      InOutItemModal,
       JUpload,
       JDate,
       VNodes: {

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

@@ -67,7 +67,12 @@
           :rowSelection="true"
           :actionButton="true"
           @added="onAdded"
-          @valueChange="onValueChange" />
+          @valueChange="onValueChange">
+          <template #inOutItemAdd>
+            <a-divider v-if="quickBtn.inOutItem" style="margin: 4px 0;" />
+            <div v-if="quickBtn.inOutItem" style="padding: 4px 8px; cursor: pointer;" @click="addInOutItem('out')"><a-icon type="plus" /> 新增收支项目</div>
+          </template>
+        </j-editable-table>
         <a-row class="form-row" :gutter="24">
           <a-col :lg="24" :md="24" :sm="24">
             <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
@@ -114,6 +119,7 @@
     <account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
     <person-modal ref="personModalForm" @ok="personModalFormOk"></person-modal>
     <workflow-iframe ref="modalWorkflow" @ok="workflowModalFormOk"></workflow-iframe>
+    <in-out-item-modal ref="inOutItemModalForm" @ok="inOutItemModalFormOk('out')"></in-out-item-modal>
   </j-modal>
 </template>
 <script>
@@ -121,6 +127,7 @@
   import AccountModal from '../../system/modules/AccountModal'
   import PersonModal from '../../system/modules/PersonModal'
   import WorkflowIframe from '@/components/tools/WorkflowIframe'
+  import InOutItemModal from '../../system/modules/InOutItemModal'
   import { FormTypes } from '@/utils/JEditableTableUtil'
   import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
   import { FinancialModalMixin } from '../mixins/FinancialModalMixin'
@@ -133,6 +140,7 @@
       AccountModal,
       PersonModal,
       WorkflowIframe,
+      InOutItemModal,
       JUpload,
       JDate,
       VNodes: {

jshERP-web/src/views/system/modules/InOutItemModal.vue

@@ -26,7 +26,7 @@
             <a-input placeholder="请输入名称" v-decorator.trim="[ 'name', validatorRules.name]" />
           </a-form-item>
           <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="类型">
-            <a-select placeholder="请选择类型" v-decorator="[ 'type', validatorRules.type]">
+            <a-select placeholder="请选择类型" v-decorator="[ 'type', validatorRules.type]" :disabled="typeDisabled">
               <a-select-option value="收入">收入</a-select-option>
               <a-select-option value="支出">支出</a-select-option>
             </a-select>
@@ -55,7 +55,9 @@
         title:"操作",
         visible: false,
         model: {},
+        typeParam: '',
         isReadOnly: false,
+        typeDisabled: false,
         labelCol: {
           xs: { span: 24 },
           sm: { span: 5 },
@@ -84,12 +86,23 @@
     created () {
     },
     methods: {
-      add () {
+      add (type) {
+        this.typeParam = type
         this.edit({});
       },
       edit (record) {
         this.form.resetFields();
         this.model = Object.assign({}, record);
+        if(this.typeParam) {
+          this.typeDisabled = true
+          if(this.typeParam === 'in') {
+            this.model.type = '收入'
+          } else if(this.typeParam === 'out') {
+            this.model.type = '支出'
+          }
+        } else {
+          this.typeDisabled = false
+        }
         this.visible = true;
         this.$nextTick(() => {
           this.form.setFieldsValue(pick(this.model,'name', 'type', 'sort', 'remark'))