feat: 机巢详情分页优化

张含笑

2025-04-12 b7cf0a445d23575f4b71997ba5da9ee757e08436

feat: 机巢详情分页优化

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

@@ -6,6 +6,7 @@
        :width="pxToRem(1500)"
        :close-on-click-modal="false"
        :destroy-on-close="true"
		
    >
        <template #header="{ titleId, titleClass }">
            <div class="my-header">
@@ -17,7 +18,7 @@
            <div class="machineTableDetailsTitle"><span>详情</span></div>
            <div class="infoBox">
                <div class="itemBox" v-for="(item, index) in infoList" :key="index">
                    <div class="itemTitle">{{ item.name }}:</div>
                    <div class="itemTitle">{{ item.name }} : </div>
                    <div
                        :class="{
                            active: item.value === 'WORKING',
@@ -28,7 +29,7 @@
                    >
                        {{ item.value === 'OFFLINE' ? '离线中' : item.value === 'WORKING' ? '作业中' : '空闲中' }}
                    </div>
                    <div class="itemValue" v-else>{{ item.value }}</div>
                    <div class="itemValue" v-else> {{ item.value }}</div>
                </div>
            </div>
        </div>
@@ -67,7 +68,8 @@

<style lang="scss">
.machineTableDetails {
    height: 1002px;
width: 1270px;
    height: 856px;
    background: #0f1929;
    box-shadow: inset 0px -50px 50px 0px rgba(27, 148, 255, 0.13);
    border-radius: 20px 0px 0px 0px;
@@ -84,13 +86,14 @@
        2 2;
    .el-pagination {
        text-align: left;
        padding: 20px;
        padding: 20px 20px 0 20px;
    }
    .my-header {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
    }

    /* 头部 */
    .el-dialog__header {
        width: 1270px;
@@ -129,16 +132,20 @@
</style>

<style lang="scss" scoped>

.infoBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    margin-bottom: 14px;
    font-size: 14px;
    color: #ffffff;
    .itemBox {
        display: flex;
        align-items: center;
        .itemTitle {
        margin-right: 5px;
        }
    }

    .flystatus {