<template>
    <div class="materialManage page-body">
        <div class="page-search row items-center">
            <div class="col row wrap q-mr-lg q-col-gutter-md">
            
                
            </div>
        </div>
        <div class="page-content">
            <q-tabs style="margin-bottom:20px;" v-model="tabCheck" narrow-indicator dense align="left"
                class="text-primary">
                <q-tab :ripple="false" :name="x.Id" :label="x.Name" v-for="(x,y) in MediumList" :key="y"
                     />
            </q-tabs>
            <div v-if="tabCheck=='0'" >
                 121212
            </div>
            <div v-if="tabCheck=='1'" >
                <customerField></customerField>
            </div>
            <div v-if="tabCheck=='6'" >
                <customerPhase></customerPhase>
            </div>
           
        
            <q-inner-loading :showing="loading">
                <q-spinner-gears size="50px" color="primary" />
            </q-inner-loading>
            
        </div>
    </div>
</template>

<script>

    import {
       
    } from '../../../api/system/wechat';
    import customerField from './CSChild/customerField'
    import customerPhase from './CSChild/customerPhase'
    
    export default {
        components: {
            customerField,//客户字段
            customerPhase,//客户阶段
        },
        meta: {
            title: "客户设置"
        },
        name: "customerSetup",
        data() {
            return {
                loading: false,
                MediumList:[{Name:'业务模式',Id:0},{Name:'客户字段',Id:1},{Name:'客户阶段',Id:6}],
                tabCheck:6,
            }
        },
        created() {
        },
        methods: {
           
        

        }
    }

</script>

<style>
    .materialManage .Sysuser_Date .el-input--prefix .el-input__inner {
        background-color: red;
        border: 0;
    }

    .materialManage .state-item {
        padding: 2px 5px;
        border-radius: 3px;
        text-align: center;
        font-size: 10px;
    }

    .materialManage .frIdlist {
        padding: 3px 10px;
        border-radius: 3px;
        background: #EEEEEF;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .class-popover .q-pr-lg {
        padding-right: 0;
        margin-top: 20px;
    }

    .materialManage .el-date-editor.el-input {
        width: 100%;
    }

    .materialManage .el-date-editor.el-input input {
        background-color: transparent !important;
    }

    .materialManage .el-range-editor .el-range-input {
        background: none;
    }

    .Sysuser_Date .el-input__inner {
        background: transparent !important;
        border: 0 !important;
    }

    .materialManage .el-drawer.rtl {
        overflow: inherit;
    }

    .materialupload {
        width: 118px;
        height: 118px;
        border-radius: 4px;
        border: 1px dashed #d9d9d9;
        background: #fafafa;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4px;
    }
    
</style>