Gong-Ying-Lian-API/app/admin/view/shop/customer_spec/add.html

<template>

    <el-card shadow="never">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="用户管理" name="first">
                <template>
                    <el-table :data="tableData" style="width: 100%">
                    <el-table-column prop="date" label="日期" width="180"></el-table-column>
                    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
                    <el-table-column prop="address" label="地址"></el-table-column>
                    </el-table>
                </template>

            </el-tab-pane>
            <el-tab-pane label="配置管理" name="second">配置管理2</el-tab-pane>
            <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
        </el-tabs>
    </el-card>
    <!-- <el-card shadow="never">
        <el-form ref="form" :model="form" label-width="0"  stripe>
            <el-form-item>
                <yun-table :columns="columns" :common-search="false" :pagination="false" tabs="type" toolbar=""
                    :common-search="false" :search-form-visible="false" :extend="extend">
                </yun-table>
            </el-form-item>
           

            <el-form-item>
                <el-button type="primary" @click="onSubmit">立即创建</el-button>
                <el-button>取消</el-button>
            </el-form-item>
        </el-form>
    </el-card> -->
</template>
<script>
    import table from "@components/Table.js";
    export default {
        components: { 'YunTable': table },
        data() {
            return {
                activeName: 'first',
                tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1517 弄'
                }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1519 弄'
                }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1516 弄'
                }]
            };
        },
        /*data: {
            extend: {
                index_url: 'general/category/index',
            },
            columns: [
                { checkbox: true },
                { field: 'type', title: __('规格'), width: 120, searchList: Yunqi.data.typeList},
                { field: 'nickname', title: __('包装箱'), formatter: Yunqi.formatter.select },

                {
                    field: 'weigh', title: __('价格'), width: 220, formatter: function (data) {
                        let html = Yunqi.formatter.html;
                        html.value = `<input class="input" value='' />`;
                        return html;
                    }
                },


            ],
            row: Yunqi.data.row,
            tableData: [
                {
                    "name": "哈密",
                    "num": "3940.00"
                },
                {
                    "name": "紫薯",
                    "num": "8915.00"
                }
            ],
            value: "",
            form: {
                nameValue: null,
            },
            options: [],//品种
        },*/
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }

        }
    }
</script>
<style>
    .input {
        border: none;
        width: 100%;
        box-shadow: 0 0 0 1px #dcdfe6 inset;
        line-height: 24px;
        min-height: 31px;
        caret-color: #999;
        box-sizing: border-box;
        padding: 0 10px;
        border-radius: 4px;
    }

    .input:active {
        border: none !important;
        border-color: #fff !important;

    }

    .input:focus {
        outline: none;
        border: none !important;
        border-color: #fff !important;
        border: 1px solid #fff !important;
    }

    .button {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-top: 15px;
    }
</style>