<template>
    <div class="eibs-tab">
        <el-form label-width="120px" label-position="right" size="small" :model="model.textTempData">
            <c-col :span="24">
                <c-col :span="Number(item.showwidth)" v-for="(item, index) in codes.frameList" :key="index">
                    <el-form-item :label="item.name" style="width: 100%" :disabled="item.showenable === 'Y'">
                        <c-input
                                v-if="['NUMBER','STRING'].includes(item.showtype)"
                                v-model.trim="model.textTempData[`#${item.cod}`]"
                                style="width:100%"
                                :placeholder="`请输入${item.name}`"
                        ></c-input>
                    </el-form-item>
                    <!-- <c-date-picker
                            v-if="['datepicker'].includes(item.showtype)"
                            type="date"
                            v-model.trim="item.cod"
                            style="width: 100%"
                            placeholder="请选择日期"
                            :disabled="item.showenable === 'Y'"
                          ></c-date-picker> -->
                    <!-- <c-select
                            v-if="['select'].includes(item.showtype)"
                            v-model.trim="item.cod"
                            style="width: 100%"
                            :placeholder="`请选择${item.name}`"
                            :disabled="item.showenable === 'Y'"
                          >
                            <el-option
                                v-for="item in item.codeList"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value"
                            >
                            </el-option>
                          </c-select> -->
                </c-col>
            </c-col>
        </el-form>
    </div>
</template>
<script>
    import Api from "~/service/Api";
    import commonFunctions from "~/mixin/commonFunctions.js";

    export default {
        name: "Gidtxt",
        inject: ["root"],
        props: ["model", "codes"],
        mixins: [commonFunctions],
        provide() {
            return {
                root: this
            };
        },
        data() {
            return {};
        },
        mounted() {
        },
        methods: {}
    };
</script>
<style lang="less" scoped>
    .page-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 2px;
        box-sizing: border-box;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        border: 1px solid #707070;

    .form-content {
        width: 100%;
        flex: 1;
        position: relative;
        border: 1px solid #b1b1b1;
        overflow-y: auto;
        background-color: #fff;
        padding: 5px 0;
    }

    }
</style>