<template>
    <div class="borderless" v-loading="pageLoading">
        <div class="customer-head">
            <div class="customer-back">
                <el-button type="danger" style="border: none;background: none;color: red" icon="el-icon-arrow-left"
                           @click="backToList">返回列表
                </el-button>
            </div>
            <div class="add-customer-btn">
                <el-button  size="small" type="success" style="margin-right: 8px"
                            :loading="saveLoading" >保 存
                </el-button>
            </div>
        </div>
        <div style="margin: 55px 5px 0px 5px;'">
            <el-card class="box-card">
                <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
                    <el-row>
                        <el-col :span="6">
                            <el-form-item label="凭证来源" prop="voucherSource">
                                <el-input style="width: 100%;" v-model="form.voucherSource"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入凭证来源" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="凭证类型" prop="voucherType">
                                <el-input style="width: 100%;" v-model="form.voucherType"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入凭证类型" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="凭证号" prop="voucherNo">
                                <el-input style="width: 100%;" v-model="form.voucherNo"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入凭证号" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="凭证日期" prop="voucherDate">
                                <el-input style="width: 100%;" v-model="form.voucherDate"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入凭证日期" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="分录摘要" prop="voucherDate">
                                <el-input style="width: 100%;" v-model="form.descr"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入分录摘要" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="借方金额" prop="voucherDate">
                                <el-input style="width: 100%;" v-model="form.amountDr"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入借方金额(CNY)" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="贷方金额" prop="voucherDate">
                                <el-input style="width: 100%;" v-model="form.amountCr"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入贷方金额(CNY)" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="综合 USD" prop="amountDrUsd">
                                <el-input style="width: 100%;" v-model="form.amountDrUsd"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入综合 USD" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="综合 USD" prop="amountCrUsd">
                                <el-input style="width: 100%;" v-model="form.amountCrUsd"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入综合 USD" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="合计借方金额" prop="amountDrLoc">
                                <el-input style="width: 100%;" v-model="form.amountDrLoc"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入合计本位币借方金额" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="合计贷方金额" prop="amountCrLoc">
                                <el-input style="width: 100%;" v-model="form.amountCrLoc"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入合计本位币贷方金额" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="是否外币凭证" prop="isForeign">
                                <el-input style="width: 100%;" v-model="form.isForeign"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入合计本位币贷方金额" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="是否数量凭证" prop="isQuantity">
                                <el-input style="width: 100%;" v-model="form.isQuantity"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入是否数量凭证" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="复核人" prop="checkUserName">
                                <el-input style="width: 100%;" v-model="form.checkUserName"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入复核人" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="复核时间" prop="checkTime">
                                <el-input style="width: 100%;" v-model="form.checkTime"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入复核时间" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="记账人" prop="postUserName">
                                <el-input style="width: 100%;" v-model="form.postUserName"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入记账人" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="记账时间" prop="postTime">
                                <el-input style="width: 100%;" v-model="form.postTime"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入记账时间" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="凭证状态" prop="voucherStatus">
                                <el-input style="width: 100%;" v-model="form.voucherStatus"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入凭证状态" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="6">
                            <el-form-item label="备注" prop="remarks">
                                <el-input style="width: 100%;" v-model="form.remarks"
                                          size="small" autocomplete="off"
                                          clearable placeholder="请输入备注" >
                                </el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
            </el-card>

        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                pageLoading:false, // 整个的动画
                saveLoading:false, // 按钮动画
                form:{}, // 获取的数据
            }
        },
        methods:{
            //返回列表
            backToList() {
                this.$emit('goBack')
            },
        }
    }
</script>

<style scoped>
::v-deep.el-form-item {
    margin-bottom: 0;
}
</style>
