everlose / more-form-demo Goto Github PK

    <main class="ct-wrap">
        <div class="ct">
            <el-table
                :data="tableData"
                height="480"
                style="width: 100%">
                <el-table-column
                    v-for="i in tableTh"
                    :key="i.prop"
                    :prop="i.prop"
                    :label="i.label"
                    width="180">
                    <template scope="scope">
                        <el-time-select
                            v-if="i.prop === 'data'"
                            v-model="scope.row.date"
                            :picker-options="{
                                start: '08:30',
                                step: '00:15',
                                end: '18:30'
                            }"
                            placeholder="选择时间">
                        </el-time-select>

                        <el-select v-if="i.prop === 'name'" v-model="scope.row.name" placeholder="请选择">
                            <el-option
                                v-for="item in options"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-select>

                        <el-input v-if="i.prop === 'address'" v-model="scope.row.address" placeholder="请输入内容"></el-input>
                    </template>    
                </el-table-column>
            </el-table>
        </div>
    </main>
</div>