1.现场收料颜色区分

南骏 池

2025-10-15 5fae267e680cf6bac767bd276aaa3afcd7e4b32a

1.现场收料颜色区分

 H5/Js/Xcsl.js

@@ -35,6 +35,44 @@
        };
    },
    methods: {
        // 根据图片中的逻辑判断行背景颜色
        getRowColorClass(itm) {
            const xls = parseFloat(itm.DAB006) || 0; // 需领数（支持小数）
            const bl = parseFloat(itm.BL_Num) || 0;  // 备料数（支持小数）
            const js = parseFloat(itm.JS_Num) || 0;  // 接收数（支持小数）
            
            // 1. 未备料显示红色
            if (bl === 0) {
                return 'row-red';
            }
            // 2. 已全部备料已全部接收显示绿色
            if (xls === bl && bl === js && bl !== 0) {
                return 'row-green';
            }
            // 3. 已全部备料接收部分显示黄色
            // 4. 已全部备料未接收显示黄色
            if (xls === bl && bl > js && bl !== 0) {
                return 'row-yellow';
            }
            // 5. 部分备料未接收显示蓝色
            if (xls > bl && bl > js && js === 0) {
                return 'row-blue';
            }
            // 6. 部分备料接收部分显示黄色
            if (xls > bl && bl > js && bl !== 0) {
                return 'row-yellow';
            }
            // 7. 部分备料已全部接收显示绿色
            if (bl === js && bl !== 0) {
                return 'row-green';
            }

            //if (xls === js && bl !== 0) {
            //    return 'row-green';
            //}
            
            return '';
        },
        GetItemsXcsl() {
            var that = this;


 H5/Xcsl.aspx

@@ -68,6 +68,20 @@
        max-height: 60vh; /* 可根据需要调整高度 */
        overflow-y: auto;
    }
    
    /* 行背景颜色样式 */
    .row-red {
        background-color: #f24343; /* 红色背景 */
    }
    .row-green {
        background-color: #5ff55f; /* 绿色背景 */
    }
    .row-yellow {
        background-color: #fbd12b; /* 黄色背景 */
    }
    .row-blue {
        background-color: #1eb8fa; /* 蓝色背景 */
    }
</style>
</asp:Content>

@@ -162,7 +176,7 @@
                        <van-col span="4">备料数</van-col>
                        <van-col span="4">接收数</van-col>
                    </van-row>
                    <van-row v-for="(itm,index) in xcslItemList" :key="index">
                    <van-row v-for="(itm,index) in xcslItemList" :key="index" :class="getRowColorClass(itm)">
                        <van-col span="6" class="text-left padding-left">
                            <div class="blue-text">{{itm.item_no}}</div>
                            <div>{{itm.item_name}}</div>
@@ -244,5 +258,5 @@
</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
    <script src="Js/Xcsl.js?<%=11111115 %>"></script>
    <script src="Js/Xcsl.js?<%=11111116 %>"></script>
</asp:Content>