网格绘制

zhanghua

2023-01-30 5173f8e31d106abd003e123c8679cf53c7940b33

 src/components/Table/index.vue

@@ -1,8 +1,11 @@
<template>
    <div class="Table">
        <div class="datatable">
            <el-table ref="multipleTable" :data="tableData" style="width: 100%"
                :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
            <el-table
                border
                stripe
                ref="multipleTable" :data="tableData" style="width: 100%"
                :header-cell-style="{'background':'#F5F5F5','font-size':'14px','font-weight':'650','line-height':'45px'}"
                :row-class-name="tableRowClassName">
                <el-table-column v-for="item in option.group" :key="item.prop" :label="item.label"
                    :prop="item.prop" :min-width="item['min-width'] ? item['item.min-width']:'10'">
@@ -11,11 +14,11 @@
                            {{scope.row[item.prop]}}
                        </div>
                        <slot v-else-if="item.type === 'operation'" name="operation" :info="scope">
                            

                        </slot>
                        <slot name="status" v-else-if="item.type === 'status'" :info="scope">
                        </slot>
                        <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope"> 
                        <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope">

                        </slot>
                    </template>
@@ -171,7 +174,7 @@
    width: 100%;

    .el-table {
        color: #4b9bb7;
        // color: #4b9bb7;
    }

    .tools {
@@ -184,7 +187,7 @@
            display: flex;

            .sp-item {
                border: 1px solid #17324c;
                // border: 1px solid #17324c;
            }

            .funsItem {
@@ -206,7 +209,7 @@

                &::v-deep .el-input__inner {
                    border: none;
                    background-color: #09152f;
                    // background-color: #09152f;
                }

                &:hover .el-checkbox {
@@ -255,4 +258,4 @@
        background-color: #4b9bb7;
    }
}
</style>
</style>