样式优化

zhanghua

2025-01-04 0b6085313adfaea72af9d1fcbf874394e9575a1b

 src/views/order/index.vue

@@ -16,7 +16,7 @@
                </el-input>
            </div>
        </div>
        <div style="height: calc(100vh - 208px)">
        <div style="height: calc(100vh - 158px)">
            <el-table
                v-loading="listLoading"
                :data="list"
@@ -29,7 +29,7 @@
                <el-table-column label="学员" prop="playerBaseInfo.name">
                </el-table-column>
                <el-table-column label="电话" prop="mobile"> </el-table-column>
                <el-table-column label="购买方式" width="200" prop="payType">
                <el-table-column label="购买方式" prop="payType">
                    <template slot-scope="scope">
                        {{
                            scope.row.payType == 'DIRECT'
@@ -44,9 +44,9 @@
                </el-table-column>
                <el-table-column label="实际缴费" width="80" prop="amt">
                </el-table-column>
                <el-table-column label="订单时间" width="200" prop="createTime">
                <el-table-column label="订单时间" width="180" prop="createTime">
                </el-table-column>
                <el-table-column label="操作" width="200">
                <el-table-column label="操作" width="120">
                    <template slot-scope="scope">
                        <el-link
                            @click="handlePrint(scope.row)"
@@ -221,3 +221,42 @@
    },
};
</script>

<style>
#print-container {
    display: none;
}
@media print {
    body > :not(.print-container) {
        display: none;
    }
    html,
    body {
        display: block !important;
    }
    #print-container {
        display: block;
    }
}
@page {
    margin-top: 0;
    margin-bottom: 0;
}
.div-2-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.m-h2 {
    text-align: center;
    font-size: 1.17em;
    margin-top: 50px;
    font-weight: bold;
}
#tr {
    height: 30px;
}
.txt-center {
    text-align: center;
}
</style>