EngpDialog.vue

<template>
<el-dialog v-if="visiable" :visible.sync="visiable" center destroy-on-close :before-close="beforeClose" width="70%">
    <el-form v-model="formData" label-width="150px">
        <c-row>
            <c-col>
                <c-col :span="12">
                    <el-form-item label="记账角色">
                        <c-input v-model="formData.rol" disabled />
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="起息日">
                        <!-- <c-input v-model="formData.dat1" type="date" /> -->
                        <c-date-picker type="date" v-model="formData.valdat" format="yyyy-MM-dd" style="width: 100%" placeholder="请选择起算时间"></c-date-picker>
                    </el-form-item>
                </c-col>

                 <c-col :span="12">
                    <el-form-item label="到期日">
                        <!-- <c-input v-model="formData.dat1" type="date" /> -->
                        <c-date-picker type="date" v-model="formData.matdat" format="yyyy-MM-dd" style="width: 100%" placeholder="请选择起算时间"></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="原始金额">
                        <c-col :span="13">
                            <c-input v-model="formData.cur" disabled />
                        </c-col>
                        <c-col :span="11">
                            <el-form-item label="" label-width="5px">
                                <c-input v-model="formData.oldamt" disabled />
                            </el-form-item>
                        </c-col>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="记账金额">
                        <c-col :span="13">
                            <c-input v-model="formData.cur" disabled />
                        </c-col>
                        <c-col :span="11">
                            <el-form-item label="" label-width="5px">
                                <c-input v-model="formData.amt" disabled />
                            </el-form-item>
                        </c-col>
                    </el-form-item>
                </c-col>

                

                <c-col :span="12">
                    <el-form-item label="记账账号">
                        <c-col >
                            <c-select v-model="formData.acc" />
                        </c-col>
                        
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="抵扣账号">
                        <c-col >
                            <c-input v-model="formData.acc2" disabled />
                        </c-col>
                       
                    </el-form-item>
                </c-col>

                <c-col :span="4" :offset="9">
                    <c-button type="primary" @click="saveDialog">
                        确 定
                    </c-button>
                </c-col>
                <c-col :span="6">
                    <c-button @click="visiable = false">取 消</c-button>
                </c-col>
                <c-col>&nbsp;</c-col>

            </c-col>

            
        </c-row>
    </el-form>
</el-dialog>
</template>

<script>
export default {
    props: {
        model: Object,
        idx: Number,
        codes: Object,
    },
    data() {
        return {
            formData: {},
            visiable: false,
        };
    },
    methods: {
        saveDialog() {
            this.model.liaall.liaallg.splice(this.idx, 1, this.formData);
            this.visiable = false;
        },
        beforeClose(done) {
            this.visiable = false;
            done();
        },
    },
};
</script>

<style></style>