Merge branch 'master' of http://49.4.53.36:3000/hotel/hotel-saas-tenant-frontend

src/views/markets/modules/agreementUnit/account/accountEnterForm.vue

@@ -0,0 +1,131 @@
+<template>
+    <!--    <a-card style="width: 100%; height:100%;">-->
+    <!--        -->
+    <!--    </a-card>-->
+    <div>
+        <a-tabs default-active-key="1">
+            <a-tab-pane key="1">
+                <span slot="tab">
+                    <a-icon type="template" />
+                    收款
+                </span>
+            </a-tab-pane>
+            <a-tab-pane key="2">
+                <span slot="tab">
+                    <a-icon type="template" />
+                    退款
+                </span>
+            </a-tab-pane>
+        </a-tabs>
+        <a-spin :spinning="confirmLoading">
+            <j-form-container >
+                <a-form-model ref="form" :model="model" slot="detail">
+                    <a-row>
+                        <a-col :span="24">
+                            <a-form-model-item label="支付方式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="paymentMethod">
+                                <a-select
+                                        v-model="model.paymentMethod"
+                                        style="width: 30%"
+                                        placeholder="支付方式" >
+                                    <a-select-option
+                                            v-for="(item, index) in paymentMethodList"
+                                            :key="index"
+                                            :value="item.id"
+                                    >{{ item.name }}</a-select-option>
+                                </a-select>
+                            </a-form-model-item>
+                        </a-col>
+                        <a-col :span="24">
+                            <a-form-model-item label="金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
+                                <a-input-number
+                                        v-model="model.price"
+                                        placeholder="请输入金额"
+                                        style="width: 30%"
+                                />
+                            </a-form-model-item>
+                        </a-col>
+                        <a-col :span="24">
+                            <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remarks">
+                                <a-textarea
+                                        v-model="model.remarks"
+                                        rows="4"
+                                        placeholder="请输入备注"
+                                />
+                            </a-form-model-item>
+                        </a-col>
+
+                    </a-row>
+                </a-form-model>
+            </j-form-container>
+<!--            <a-row>-->
+<!--                <a-col :span="8" :offset="3">-->
+<!--                    &lt;!&ndash;                    <a-button @click="handleCancel" style="margin-right: 0.8rem">取消</a-button>&ndash;&gt;-->
+<!--                    <a-button @click="handleSubmit" type="primary" >确认</a-button>-->
+<!--                </a-col>-->
+<!--            </a-row>-->
+
+        </a-spin>
+    </div>
+</template>
+
+<script>
+    import { httpAction, getAction } from "@/api/manage";
+
+    export default {
+        name: 'accountEnterForm',
+        props: {
+            //表单禁用
+            disabled: {
+                type: Boolean,
+                default: false,
+                required: false
+            }
+        },
+        data () {
+            return {
+                confirmLoading: false,
+                model: {},
+                labelCol: {
+                    xs: { span: 24 },
+                    sm: { span: 3 },
+                },
+                wrapperCol: {
+                    xs: { span: 24 },
+                    sm: { span: 18 },
+                },
+                paymentMethodList: [],
+            }
+        },
+        created() {
+            httpAction(
+                "/business/busRoomPayType/queryList",
+                { pageNo: 1, pageSize: 100 },
+                "get"
+            ).then((res) => {
+                if (res.success) {
+                    this.paymentMethodList = res.result;
+                }
+            });
+        },
+        methods:{
+
+            edit() {
+                // console.log(record)
+                // this.model = Object.assign({}, record);
+                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
+                // this.visible = true;
+            },
+            handleCancel(){
+                this.close();
+            },
+            submitForm(){
+                console.log(888)
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
+

src/views/markets/modules/agreementUnit/account/accountEnterModal.vue

@@ -0,0 +1,68 @@
+<template>
+    <j-modal
+            :title="title"
+            :width="width"
+            :visible="visible"
+            switchFullscreen
+            @ok="handleOk"
+            @cancel="handleCancel"
+            cancelText="关闭">
+        <account-enter-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" :agreementModel="agreementModel"></account-enter-form>
+    </j-modal>
+</template>
+
+<script>
+
+    import AccountEnterForm from './accountEnterForm'
+    export default {
+        name: 'accountEnterModal',
+        components: {
+            AccountEnterForm,
+        },
+        props: {
+            agreementModel:{
+                type: Object,
+                required: false,
+                default: () => {
+                }
+            }
+        },
+        data () {
+            return {
+                title:'',
+                width:1000,
+                visible: false,
+                disableSubmit: false
+            }
+        },
+        methods: {
+            add () {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.add();
+                })
+            },
+            edit (record) {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.edit(record);
+                })
+            },
+            close () {
+                this.$emit('close');
+                this.visible = false;
+            },
+            handleOk () {
+                this.$refs.realForm.submitForm();
+            },
+            submitCallback(){
+                this.$emit('ok');
+                this.visible = false;
+            },
+            handleCancel () {
+                this.close()
+            }
+        }
+    }
+</script>
+

src/views/markets/modules/agreementUnit/account/accountReverseEntryForm.vue

@@ -0,0 +1,94 @@
+<template>
+    <a-spin :spinning="confirmLoading">
+        <j-form-container >
+            <a-form-model ref="form" :model="model" slot="detail">
+                <a-row>
+                    <a-col :span="24">
+                        <a-form-model-item label="可冲账金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
+                            <a-input-number disabled
+                                    v-model="maxMoney"
+                                    style="width: 30%"
+                            />
+                        </a-form-model-item>
+                    </a-col>
+                    <a-col :span="24">
+                        <a-form-model-item label="金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
+                            <a-input-number
+                                    v-model="model.price"
+                                    placeholder="请输入金额"
+                                    style="width: 30%"
+                            />
+                        </a-form-model-item>
+                    </a-col>
+                    <a-col :span="24">
+                        <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remarks">
+                            <a-textarea
+                                    v-model="model.remarks"
+                                    rows="4"
+                                    placeholder="请输入备注"
+                            />
+                        </a-form-model-item>
+                    </a-col>
+
+                </a-row>
+            </a-form-model>
+        </j-form-container>
+<!--        <a-row>-->
+<!--            <a-col :span="8" :offset="3">-->
+<!--                <a-button @click="handleSubmit" type="primary" >确认</a-button>-->
+<!--            </a-col>-->
+<!--        </a-row>-->
+
+    </a-spin>
+</template>
+
+<script>
+    export default {
+        name: 'accountReverseEntryForm',
+        props: {
+            //表单禁用
+            disabled: {
+                type: Boolean,
+                default: false,
+                required: false
+            },
+            maxMoney: {
+                type: Number,
+                default: 200,
+                required: false
+            }
+        },
+        data () {
+            return {
+                confirmLoading: false,
+                model: {},
+                labelCol: {
+                    xs: { span: 24 },
+                    sm: { span: 3 },
+                },
+                wrapperCol: {
+                    xs: { span: 24 },
+                    sm: { span: 18 },
+                },
+                paymentMethodList: [],
+            }
+        },
+        created() {
+        },
+        methods:{
+            edit() {
+                // console.log(record)
+                // this.model = Object.assign({}, record);
+                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
+                // this.visible = true;
+            },
+            submitForm(){
+                console.log(888)
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/markets/modules/agreementUnit/account/accountReverseEntryModal.vue

@@ -0,0 +1,73 @@
+<template>
+    <j-modal
+            :title="title"
+            :width="width"
+            :visible="visible"
+            switchFullscreen
+            @ok="handleOk"
+            @cancel="handleCancel"
+            cancelText="关闭">
+        <account-reverse-entry-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" :maxMoney="maxMoney" :agreementModel="agreementModel"></account-reverse-entry-form>
+    </j-modal>
+</template>
+
+<script>
+
+    import AccountReverseEntryForm from './accountReverseEntryForm'
+    export default {
+        name: 'accountReverseEntryModal',
+        components: {
+            AccountReverseEntryForm
+        },
+        props: {
+            agreementModel:{
+                type: Object,
+                required: false,
+                default: () => {
+                }
+            },
+            maxMoney: {
+                type: Number,
+                default: 200,
+                required: false
+            }
+        },
+        data () {
+            return {
+                title:'',
+                width:1000,
+                visible: false,
+                disableSubmit: false
+            }
+        },
+        methods: {
+            add () {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.add();
+                })
+            },
+            edit (record) {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.edit(record);
+                })
+            },
+            close () {
+                this.$emit('close');
+                this.visible = false;
+            },
+            handleOk () {
+                this.$refs.realForm.submitForm();
+            },
+            submitCallback(){
+                this.$emit('ok');
+                this.visible = false;
+            },
+            handleCancel () {
+                this.close()
+            }
+        }
+    }
+</script>
+

src/views/markets/modules/agreementUnit/account/accountTransferForm.vue

@@ -0,0 +1,142 @@
+<template>
+    <a-card :bordered="false">
+        <!-- 查询区域 -->
+        <div class="table-page-search-wrapper">
+            <a-form layout="inline" @keyup.enter.native="searchQuery">
+                <a-row :gutter="24">
+                    <a-col :span="4">
+                        <a-form-item>
+                            <a-input placeholder="客户名称" v-model="queryParam.keyWord" allowClear></a-input>
+                        </a-form-item>
+                    </a-col>
+                    <a-col :md="6" :sm="8">
+                        <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
+                            <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+                            <a-button type="primary" @click="searchReset" icon="reload"
+                                      style="margin-left: 8px">重置</a-button>
+                        </span>
+                    </a-col>
+                </a-row>
+            </a-form>
+        </div>
+        <!-- 查询区域-END -->
+
+        <!-- table区域-begin -->
+        <div>
+            <a-table
+                    ref="table"
+                    size="middle"
+                    :scroll="{x:true}"
+                    bordered
+                    rowKey="id"
+                    :columns="columns"
+                    :dataSource="dataSource"
+                    :pagination="ipagination"
+                    :loading="loading"
+                    class="j-table-force-nowrap"
+                    @change="handleTableChange">
+
+                <span slot="action" slot-scope="text, record">
+                  <a @click="handleTransfer(record)">确认转账</a>
+                </span>
+
+            </a-table>
+        </div>
+
+    </a-card>
+</template>
+
+<script>
+    import { httpAction, getAction } from "@/api/manage";
+    import '@/assets/less/TableExpand.less'
+    import { mixinDevice } from '@/utils/mixin'
+    import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+
+    export default {
+        name: 'accountTransferForm',
+        mixins:[JeecgListMixin, mixinDevice],
+        props: {
+            //表单禁用
+            disabled: {
+                type: Boolean,
+                default: false,
+                required: false
+            },
+            maxMoney: {
+                type: Number,
+                default: 200,
+                required: false
+            }
+        },
+        data () {
+            return {
+                confirmLoading: false,
+                model: {},
+                labelCol: {
+                    xs: { span: 24 },
+                    sm: { span: 3 },
+                },
+                wrapperCol: {
+                    xs: { span: 24 },
+                    sm: { span: 18 },
+                },
+                // 表头
+                columns: [
+                    {
+                        title:'账号',
+                        align:"center",
+                        dataIndex: 'accountNo'
+                    },
+                    {
+                        title:'客户名称',
+                        align:"center",
+                        dataIndex: 'customerName'
+                    },
+                    {
+                        title:'剩余额度',
+                        align:"center",
+                        dataIndex: 'balance'
+                    },
+                    {
+                        title: '操作',
+                        dataIndex: 'action',
+                        align:"center",
+                        fixed:"right",
+                        width:147,
+                        scopedSlots: { customRender: 'action' }
+                    }
+                ],
+                url: {
+                    list: "/business/busMarketAgreementUnit/list",
+                },
+            }
+        },
+        created() {
+            httpAction(
+                "/business/busRoomPayType/queryList",
+                { pageNo: 1, pageSize: 100 },
+                "get"
+            ).then((res) => {
+                if (res.success) {
+                    this.paymentMethodList = res.result;
+                }
+            });
+        },
+        methods:{
+            edit() {
+                // console.log(record)
+                // this.model = Object.assign({}, record);
+                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
+                // this.visible = true;
+            },
+            handleTransfer(){
+                console.log('确认转账');
+                this.$message.success("转账成功");
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/markets/modules/agreementUnit/account/accountTransferModal.vue

@@ -0,0 +1,74 @@
+<template>
+    <j-modal
+            :title="title"
+            :width="width"
+            :visible="visible"
+            switchFullscreen
+            :footer="null"
+            @ok="handleOk"
+            @cancel="handleCancel"
+            cancelText="关闭">
+        <account-transfer-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" :maxMoney="maxMoney" :agreementModel="agreementModel"></account-transfer-form>
+    </j-modal>
+</template>
+
+<script>
+
+    import AccountTransferForm from './accountTransferForm'
+    export default {
+        name: 'accountTransferModal',
+        components: {
+            AccountTransferForm,
+        },
+        props: {
+            agreementModel:{
+                type: Object,
+                required: false,
+                default: () => {
+                }
+            },
+            maxMoney: {
+                type: Number,
+                default: 200,
+                required: false
+            }
+        },
+        data () {
+            return {
+                title:'',
+                width:1000,
+                visible: false,
+                disableSubmit: false
+            }
+        },
+        methods: {
+            add () {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.add();
+                })
+            },
+            edit (record) {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.edit(record);
+                })
+            },
+            close () {
+                this.$emit('close');
+                this.visible = false;
+            },
+            handleOk () {
+                this.$refs.realForm.submitForm();
+            },
+            submitCallback(){
+                this.$emit('ok');
+                this.visible = false;
+            },
+            handleCancel () {
+                this.close()
+            }
+        }
+    }
+</script>
+

src/views/markets/modules/agreementUnit/account/goodsConsumeForm.vue

@@ -0,0 +1,40 @@
+<template>
+    <div>
+        商品消费
+    </div>
+</template>
+
+<script>
+    import { httpAction, getAction } from "@/api/manage";
+
+    export default {
+        name: 'goodsConsumeForm',
+        props: {
+            //表单禁用
+            disabled: {
+                type: Boolean,
+                default: false,
+                required: false
+            }
+        },
+        data () {
+            return {
+
+            }
+        },
+        created() {
+        },
+        methods:{
+            edit() {
+                // console.log(record)
+                // this.model = Object.assign({}, record);
+                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
+                // this.visible = true;
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/markets/modules/agreementUnit/account/goodsConsumeModal.vue

@@ -0,0 +1,69 @@
+<template>
+    <j-modal
+            :title="title"
+            :width="width"
+            :visible="visible"
+            switchFullscreen
+            @ok="handleOk"
+            :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+            @cancel="handleCancel"
+            cancelText="关闭">
+        <goods-consume-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" :agreementModel="agreementModel"></goods-consume-form>
+    </j-modal>
+</template>
+
+<script>
+
+    import GoodsConsumeForm from './goodsConsumeForm'
+    export default {
+        name: 'goodsConsumeModal',
+        components: {
+            GoodsConsumeForm
+        },
+        props: {
+            agreementModel:{
+                type: Object,
+                required: false,
+                default: () => {
+                }
+            }
+        },
+        data () {
+            return {
+                title:'',
+                width:1000,
+                visible: false,
+                disableSubmit: false
+            }
+        },
+        methods: {
+            add () {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.add();
+                })
+            },
+            edit (record) {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.edit(record);
+                })
+            },
+            close () {
+                this.$emit('close');
+                this.visible = false;
+            },
+            handleOk () {
+                this.$refs.realForm.submitForm();
+            },
+            submitCallback(){
+                this.$emit('ok');
+                this.visible = false;
+            },
+            handleCancel () {
+                this.close()
+            }
+        }
+    }
+</script>
+

src/views/markets/modules/agreementUnit/account/settlementForm.vue

@@ -0,0 +1,119 @@
+<template>
+    <a-spin :spinning="confirmLoading">
+        <j-form-container >
+            <a-form-model ref="form" :model="model" slot="detail">
+                <a-row>
+                    <a-col :span="24">
+                        <a-form-model-item label="应收金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
+                            <a-input-number disabled
+                                            v-model="maxMoney"
+                                            style="width: 30%"
+                            />
+                        </a-form-model-item>
+                    </a-col>
+                    <a-col :span="24">
+                        <a-form-model-item label="支付方式" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="paymentMethod">
+                            <a-select
+                                    v-model="model.paymentMethod"
+                                    style="width: 30%"
+                                    placeholder="支付方式" >
+                                <a-select-option
+                                        v-for="(item, index) in paymentMethodList"
+                                        :key="index"
+                                        :value="item.id"
+                                >{{ item.name }}</a-select-option>
+                            </a-select>
+                        </a-form-model-item>
+                    </a-col>
+                    <a-col :span="24">
+                        <a-form-model-item label="支付金额" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
+                            <a-input-number
+                                    v-model="model.price"
+                                    placeholder="请输入金额"
+                                    style="width: 30%"
+                            />
+                        </a-form-model-item>
+                    </a-col>
+                    <a-col :span="24">
+                        <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remarks">
+                            <a-textarea
+                                    v-model="model.remarks"
+                                    rows="4"
+                                    placeholder="请输入备注"
+                            />
+                        </a-form-model-item>
+                    </a-col>
+
+                </a-row>
+            </a-form-model>
+        </j-form-container>
+        <!--        <a-row>-->
+        <!--            <a-col :span="8" :offset="3">-->
+        <!--                <a-button @click="handleSubmit" type="primary" >确认</a-button>-->
+        <!--            </a-col>-->
+        <!--        </a-row>-->
+
+    </a-spin>
+</template>
+
+<script>
+    import { httpAction, getAction } from "@/api/manage";
+
+    export default {
+        name: 'settlementForm',
+        props: {
+            //表单禁用
+            disabled: {
+                type: Boolean,
+                default: false,
+                required: false
+            },
+            maxMoney: {
+                type: Number,
+                default: 200,
+                required: false
+            }
+        },
+        data () {
+            return {
+                confirmLoading: false,
+                model: {},
+                labelCol: {
+                    xs: { span: 24 },
+                    sm: { span: 3 },
+                },
+                wrapperCol: {
+                    xs: { span: 24 },
+                    sm: { span: 18 },
+                },
+                paymentMethodList: [],
+            }
+        },
+        created() {
+            httpAction(
+                "/business/busRoomPayType/queryList",
+                { pageNo: 1, pageSize: 100 },
+                "get"
+            ).then((res) => {
+                if (res.success) {
+                    this.paymentMethodList = res.result;
+                }
+            });
+        },
+        methods:{
+            edit() {
+                // console.log(record)
+                // this.model = Object.assign({}, record);
+                // this.changeColumns(this.model.roomType, this.model.fixedDiscount)
+                // this.visible = true;
+            },
+            submitForm(){
+                console.log(888)
+            },
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/markets/modules/agreementUnit/account/settlementModal.vue

@@ -0,0 +1,73 @@
+<template>
+    <j-modal
+            :title="title"
+            :width="width"
+            :visible="visible"
+            switchFullscreen
+            @ok="handleOk"
+            @cancel="handleCancel"
+            cancelText="关闭">
+        <settlement-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" :maxMoney="maxMoney" :agreementModel="agreementModel"></settlement-form>
+    </j-modal>
+</template>
+
+<script>
+
+    import SettlementForm from './settlementForm'
+    export default {
+        name: 'settlementModal',
+        components: {
+            SettlementForm,
+        },
+        props: {
+            agreementModel:{
+                type: Object,
+                required: false,
+                default: () => {
+                }
+            },
+            maxMoney: {
+                type: Number,
+                default: 200,
+                required: false
+            }
+        },
+        data () {
+            return {
+                title:'',
+                width:1000,
+                visible: false,
+                disableSubmit: false
+            }
+        },
+        methods: {
+            add () {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.add();
+                })
+            },
+            edit (record) {
+                this.visible=true
+                this.$nextTick(()=>{
+                    this.$refs.realForm.edit(record);
+                })
+            },
+            close () {
+                this.$emit('close');
+                this.visible = false;
+            },
+            handleOk () {
+                this.$refs.realForm.submitForm();
+            },
+            submitCallback(){
+                this.$emit('ok');
+                this.visible = false;
+            },
+            handleCancel () {
+                this.close()
+            }
+        }
+    }
+</script>
+

src/views/markets/modules/agreementUnit/agreementAccount.vue

@@ -68,31 +68,31 @@
         <div class="oper">
             <div class="oper-wrapper">
                 <div class="oper-item">
-                    <a-button>
+                    <a-button @click="handleClick(1)">
                         <a-icon type="file" />
                         商品消费
                     </a-button>
                 </div>
                 <div class="oper-item">
-                    <a-button>
+                    <a-button @click="handleClick(2)">
                         <a-icon type="file" />
                         入账
                     </a-button>
                 </div>
                 <div class="oper-item">
-                    <a-button>
+                    <a-button @click="handleClick(3)">
                         <a-icon type="file" />
                         转账
                     </a-button>
                 </div>
                 <div class="oper-item">
-                    <a-button>
+                    <a-button @click="handleClick(4)">
                         <a-icon type="file" />
                         结算
                     </a-button>
                 </div>
                 <div class="oper-item">
-                    <a-button>
+                    <a-button @click="handleClick(5)">
                         <a-icon type="file" />
                         冲账
                     </a-button>
@@ -129,13 +129,25 @@
         <div class="cotent">
 
         </div>
+
+        <goods-consume-modal ref="goodsConsumeForm" @ok="modalFormOk" :agreementModel="agreementUnitInfo"></goods-consume-modal>
+        <account-enter-modal ref="accountEnterForm" @ok="modalFormOk"></account-enter-modal>
+        <account-reverse-entry-modal :maxMoney="parseFloat(accountModel.consume)" ref="accountReverseEnterForm" @ok="modalFormOk"></account-reverse-entry-modal>
+        <account-transfer-modal :maxMoney="parseFloat(accountModel.consume)" ref="accountTransferForm" @ok="modalFormOk"></account-transfer-modal>
+        <settlement-modal :maxMoney="parseFloat(accountModel.consume)" ref="settlementForm" @ok="modalFormOk"></settlement-modal>
     </a-card>
 </template>
 
 <script>
 import moment from 'moment';
+import GoodsConsumeModal from './account/goodsConsumeModal'
+import AccountEnterModal from './account/accountEnterModal'
+import AccountReverseEntryModal from './account/accountReverseEntryModal'
+import AccountTransferModal from './account/accountTransferModal'
+import SettlementModal from './account/settlementModal'
 export default {
     name: 'agreementAccount',
+    components: { SettlementModal, AccountTransferModal, AccountReverseEntryModal, AccountEnterModal, GoodsConsumeModal },
     data() {
         var my_date = new Date();
         var first_date = new Date(my_date.getFullYear(), my_date.getMonth(), 1);
@@ -165,7 +177,7 @@ export default {
         this.agreementUnitInfo = Object.assign({}, agreementUnitInfo);
 
         var temp = {
-            consume: '0',
+            consume: '20',
             payment: '0',
             used: '0',
             surplus: '0'
@@ -180,7 +192,37 @@ export default {
         },
         onTypeChange(e) {
             console.log(e);
-        }
+        },
+        handleClick(type){
+            console.log('当前类型：  '+type);
+            if (type == 1){
+                this.$refs.goodsConsumeForm.edit();
+                this.$refs.goodsConsumeForm.title="商品消费";
+                this.$refs.goodsConsumeForm.disableSubmit = true;
+            }
+            else if(type == 2){
+                this.$refs.accountEnterForm.edit();
+                this.$refs.accountEnterForm.title="入账";
+                this.$refs.accountEnterForm.disableSubmit = true;
+            }
+            else if(type == 3){
+                this.$refs.accountTransferForm.edit();
+                this.$refs.accountTransferForm.title="转账";
+                this.$refs.accountTransferForm.disableSubmit = true;
+            }
+            else if(type == 4){
+                this.$refs.settlementForm.edit();
+                this.$refs.settlementForm.title="结算";
+                this.$refs.settlementForm.disableSubmit = true;
+            }
+            else if(type == 5){
+                this.$refs.accountReverseEnterForm.edit();
+                this.$refs.accountReverseEnterForm.title="冲账";
+                this.$refs.accountReverseEnterForm.disableSubmit = true;
+            }
+        },
+        modalFormOk() {
+        },
     }
 }
 </script>