feat: 机巢详情分页优化

张含笑

2025-04-12 e18c788778d870dc2c32ed03168f0e477efe8638

feat: 机巢详情分页优化

 src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue

@@ -9,7 +9,7 @@
        <div class="deviceevent-table">
            <el-table :data="list" :row-class-name="tableRowClassName"
            style="width: 100%;"
            :row-style="{ height: '48px', fontSize: '14px', 'text-align': 'center' }"
            :row-style="{ height: '38px', fontSize: '14px', 'text-align': 'center' }"
            :header-cell-style="{ 'text-align': 'center', height: '36px', fontSize: '14px' }">
            <el-table-column label="序号" type="index" width="60">
                    <template #default="{ $index }">
@@ -32,9 +32,10 @@
                </template>
            </el-table-column>

            <el-table-column label="操作">
                <template #default="scope">
                    <el-button type="primary" link @click="examine(scope.row)">审核</el-button>
            <el-table-column label="操作" >
                <template #default="scope" >
					
                    <el-button type="success" link @click="examine(scope.row)">审核</el-button>
                    <el-button type="primary" link @click="distribution(scope.row)">分拨</el-button>
                </template>
            </el-table-column>
@@ -144,9 +145,7 @@
}
</style>
<style scoped lang="scss">
.deviceevent-container {
margin-top: 50px;
}

// 标题
.machineTableDetailsTitle {
    margin: 0 24px;
@@ -210,11 +209,9 @@
}
// 分页
:deep(.el-pagination) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    margin-top: 15px;
    display: flex;
    justify-content: center;

}
:deep(.el-pagination button) {
    background: center center no-repeat none !important;
@@ -251,4 +248,8 @@
:deep(.el-input__inner) {
    color: #fff !important;
}
:deep(.el-tag){
background: none !important;
border:none !important
}
</style>

 src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceJob/DeviceJob.vue

@@ -11,7 +11,7 @@
                :data="list"
                :row-class-name="tableRowClassName"
                style="width: 100%"
                :row-style="{ height: '48px', fontSize: '14px', 'text-align': 'center' }"
                :row-style="{ height: '38px', fontSize: '14px', 'text-align': 'center' }"
                :header-cell-style="{ 'text-align': 'center', height: '36px', fontSize: '14px' }"
            >
                <el-table-column label="序号" type="index" width="60">
@@ -25,9 +25,10 @@
                <el-table-column prop="ai_type_str" label="关联算法" />
                <el-table-column prop="event_number" label="事件工单" />

                <el-table-column label="操作">
                <el-table-column label="操作" width="80">
					
                    <template #default="scope">
                        <el-button type="primary" link @click="viewJob(scope.row)">查看</el-button>
                        <el-button type="warning" link @click="viewJob(scope.row)">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>
@@ -142,7 +143,7 @@
// 标题
.machineTableDetailsTitle {
    margin: 0 24px;
    margin-bottom: 16px;
    // margin-bottom: 16px;
    background: url('/src/assets/images/signMachineNest/machineRight/detailtitle.png') no-repeat center;
    background-size: 100% 100%;
    p {
@@ -202,11 +203,9 @@
}
// 分页
:deep(.el-pagination) {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    margin-top: 15px;
    display: flex;
    justify-content: center;

}
:deep(.el-pagination button) {
    background: center center no-repeat none !important;