Tco.vue

<template>
    <div class="eibs-tab">
        <c-col :span="24" style="height: 24px">
            <el-form-item label="Configuration Panel" class="messageLabel">
            </el-form-item>
        </c-col>
        <c-col :span="24" style="height: 10px; margin-bottom: 10px">
            <el-divider></el-divider>
        </c-col>

        <!--    Left    -->
        <c-col :span="11">
            <c-col :span="24">
                <el-form-item label="Pathname" prop="srvtco.outdir">
                    <c-input
                        v-model="model.srvtco.outdir"
                        maxlength="80"
                        placeholder="请输入Pathname"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="">
                    <c-checkbox v-model="model.srvtco.tidflg"
                        >Dont Write in Subdirectories</c-checkbox
                    >
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="">
                    <c-checkbox v-model="model.srvtco.lstflg"
                        >Dont Create Listfiles</c-checkbox
                    >
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="Jobexecution" prop="srvtco.jobexe">
                    <c-select
                        v-model="model.srvtco.jobexe"
                        style="width: 100%"
                        placeholder="请选择Jobexecution"
                    >
                    </c-select>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="Text for Header" prop="srvtco.heatxt">
                    <c-input
                        v-model="model.srvtco.heatxt"
                        maxlength="40"
                        placeholder="请输入Text for Header"
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <!--    Right    -->
        <c-col :span="12" :offset="1">
            <c-col :span="24">
                <el-form-item label="Own TID" prop="srvtco.owntid">
                    <c-input
                        v-model="model.srvtco.owntid"
                        maxlength="23"
                        placeholder="请输入Own TID"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="">
                    <c-checkbox v-model="model.srvtco.etydirflg"
                        >Separate Directory per Entity</c-checkbox
                    >
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="">
                    <c-checkbox v-model="model.srvtco.tecpdfflg"
                        >Send technical messages formatted</c-checkbox
                    >
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item
                    label="Job"
                    prop="srvtco.job"
                >
                    <c-input
                        v-model="model.srvtco.job"
                        maxlength="58"
                        placeholder="请输入Job to executed on successful export"
                    ></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="">
                    <c-checkbox v-model="model.srvtco.exeflg"
                        >Execute:   TCO</c-checkbox
                    >
                </el-form-item>
            </c-col>
            
        </c-col>

        <!-- <c-col :span="12">
            <span v-text="model.srvtco.owntidlbl" data-path=".srvtco.owntidlbl">
            </span>
        </c-col> -->
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Mgrtsk/Event";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {};
    },
    methods: { ...Event },
    created: function () {},
};
</script>
<style scoped>
.el-col >>> .el-divider--horizontal {
    margin-top: 5px;
}
.messageLabel >>> .el-form-item__label {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}
</style>