<template>
    <c-row>
        <c-col :span="24">
            <c-col :span="15">
                <el-form-item
                    style="height: 200px"
                    label="General"
                    prop="mtabut.coninf.oitinf.oit.inftxt"
                >
                    <i-stream-input
                        type="textarea"
                        rows="6"
                        maxlength="60"
                        resize="none"
                        show-word-limit
                        placeholder="请输入Infotext"
                        @change="selectOrCheckboxRule('mtabut.coninf.oitinf.oit.inftxt')"
                        :model="model.mtabut.coninf.oitinf.oit.inftxt"
                    ></i-stream-input>
                </el-form-item>
            </c-col>
            <c-col :span="7" :offset="1">
                <el-form-item
                    label="Display Type"
                    prop="mtabut.coninf.oitinf.oit.inflev"
                >
                    <c-select
                        v-model="model.mtabut.coninf.oitinf.oit.inflev"
                        :disabled="GeneralIsEmpty"
                        placeholder="请选择Infotext Level"
                        style="width: 100%"
                        :code="inflev"
                    >
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
        <c-col :span="24">
            <c-col :span="15">
                <el-form-item
                    label="Settlement"
                    prop="mtabut.coninf.oitset.oit.inftxt"
                >
                    <i-stream-input
                        type="textarea"
                        rows="6"
                        maxlength="60"
                        resize="none"
                        show-word-limit
                        placeholder="请输入Infotext"
                        @change="selectOrCheckboxRule('mtabut.coninf.oitset.oit.inftxt')"
                        :model="model.mtabut.coninf.oitset.oit.inftxt"
                    ></i-stream-input>
                </el-form-item>
            </c-col>
            <c-col :span="7" :offset="1">
                <el-form-item
                    label="Display Type"
                    prop="mtabut.coninf.oitset.oit.inflev"
                >
                    <c-select
                        v-model="model.mtabut.coninf.oitset.oit.inflev"
                        :disabled="SettlementIsEmpty"
                        placeholder="请选择Infotext Level"
                        style="width: 100%"
                        :code="inflev"
                    >
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>
        <c-col :span="24">
            <c-col :span="15">
                <el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
                    <c-date-picker
                        type="date"
                        v-model="model.mtabut.coninf.conexedat"
                        style="width: 100%"
                        placeholder="请选择执行日期"
                    ></c-date-picker>
                </el-form-item>
            </c-col>
            <c-col :span="7" :offset="1">
                <el-form-item
                    label="Send for Release to"
                    prop="mtabut.coninf.usr.extkey"
                >
                    <c-input
                        v-model="model.mtabut.coninf.usr.extkey"
                        maxlength="8"
                        disabled="disabled"
                        placeholder="请输入User ID"
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-col>
    </c-row>
</template>
<script>
// 附言页签,勿改
import _ from "~/utils/Lodash.js";
import commonProcess from "~/mixin/commonProcess";
import IStreamInput from "~/components/IStreamInput";
export default {
    components: { IStreamInput },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            inflev: [
                { label: "Show", value: "$" },
                { label: "Do not show", value: "!" },
                { label: "Warn", value: "0" },
            ], //码表
            test:"",
        };
    },
    methods: {
        valueChange(event, type) {
            if (!event) {
                _.set(this.model, type, "");
            }
        },
    },
    computed: {
        GeneralIsEmpty: {
            get() {
                var temp = this.model.mtabut.coninf.oitinf.oit.inftxt.rows;
                if(temp != null){
                    for(let i = 0; i < temp.length; i++){
                        if(temp[i].trim().length > 0){
                            return false;
                        }
                    }
                }
                return true;
            },
        },
        SettlementIsEmpty: {
            get() {
                var temp = this.model.mtabut.coninf.oitset.oit.inftxt.rows;
                if(temp != null){
                    for(let i = 0; i < temp.length; i++){
                        if(temp[i].trim().length > 0){
                            return false;
                        }
                    }
                }
                return true;
            },
        },
    },
    created: function () {},
};
</script>
<style>
</style>