<template>
    <c-row>
        <c-col :span="24">
            <c-col :span="12">
                <el-form-item
                style="height=200px;"
                    label="General"
                    prop="mtabut.coninf.oitinf.oit.inftxt"
                >
                    <c-input
                        type="textarea"
                        v-model="model.mtabut.coninf.oitinf.oit.inftxt"
                        maxlength="60"
                        :autosize="{ minRows: 4, maxRows: 6 }"
                        show-word-limit
                        placeholder="请输入Infotext"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item
                    label="Display Type"
                    prop="mtabut.coninf.oitinf.oit.inflev"
                >
                    <c-select
                        v-model="model.mtabut.coninf.oitinf.oit.inflev"
                        style="width: 50%"
                        disabled
                        placeholder="请选择Infotext Level"
                    >
                        <el-option
                            v-for="item in codes.inflev"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                        >
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
                <el-form-item
                    label="Settlement"
                    prop="mtabut.coninf.oitset.oit.inftxt"
                >
                    <c-input
                        type="textarea"
                        v-model="model.mtabut.coninf.oitset.oit.inftxt"
                        maxlength="60"
                        :autosize="{ minRows: 4, maxRows: 6 }"
                        show-word-limit
                        placeholder="请输入Infotext"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="12">
                <el-form-item
                    label="Display Type"
                    prop="mtabut.coninf.oitset.oit.inflev"
                >
                    <c-select
                        v-model="model.mtabut.coninf.oitset.oit.inflev"
                        style="width: 50%"
                        disabled
                        placeholder="请选择Infotext Level"
                    >
                        <el-option
                            v-for="item in codes.inflev"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                        >
                        </el-option>
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="12">
            <el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
                <el-date-picker
                    type="date"
                    v-model="model.mtabut.coninf.conexedat"
                    style="width: 40%"
                    placeholder="请选择执行日期"
                ></el-date-picker>
            </el-form-item>
        </c-col>

        <c-col :span="12">
            <el-form-item
                label="Send for Release to"
                prop="mtabut.coninf.usr.extkey"
            >
                <c-input
                    v-model="model.mtabut.coninf.usr.extkey"
                    maxlength="8"
                    style="width: 40%"
                    disabled="disabled"
                    placeholder="请输入User ID"
                ></c-input>
            </el-form-item>
        </c-col>
    </c-row>
</template>
<script>
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Ditopn/Event";

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [CommonProcess],
    data() {
        return {};
    },
    methods: { ...Event },
    created: function () {},
};
</script>
<style>
</style>
