领料模块

cnf

2025-08-14 fdbaf392415fe3727098a79c800436e7a1bd89bf

 H5/LLJ/List.aspx

@@ -17,6 +17,89 @@
                text-align: left;
            }

            /* 审核状态椭圆线体样式 */
            .audit-stamp {
                position: absolute;
                top: 6px;
                right: 6px;
                width: 80px;
                height: 28px;
                border-radius: 14px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 10px;
                font-weight: 500;
                text-align: center;
                z-index: 10;
                border: 1.5px solid;
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
                transform: rotate(-8deg);
                letter-spacing: 1px;
                transition: all 0.3s ease;
            }

            .audit-stamp--approved {
                background: rgba(82, 196, 26, 0.12);
                border-color: rgba(82, 196, 26, 0.5);
                color: #52c41a;
                animation: stamp-approved 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            }

            .audit-stamp--pending {
                background: rgba(255, 159, 67, 0.12);
                border-color: rgba(255, 159, 67, 0.5);
                color: #ff9f43;
                animation: stamp-pending 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            }

            .audit-stamp:hover {
                transform: rotate(-8deg) scale(1.05);
                box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
            }

            @keyframes stamp-approved {
                0% { 
                    transform: rotate(-8deg) scale(0) translateX(30px); 
                    opacity: 0; 
                    filter: blur(3px);
                }
                70% { 
                    transform: rotate(-8deg) scale(1.1) translateX(-3px); 
                    opacity: 0.8; 
                    filter: blur(0.5px);
                }
                100% { 
                    transform: rotate(-8deg) scale(1) translateX(0); 
                    opacity: 1; 
                    filter: blur(0);
                }
            }

            @keyframes stamp-pending {
                0% { 
                    transform: rotate(-8deg) scale(0) translateX(30px); 
                    opacity: 0; 
                    filter: blur(3px);
                }
                70% { 
                    transform: rotate(-8deg) scale(1.1) translateX(-3px); 
                    opacity: 0.8; 
                    filter: blur(0.5px);
                }
                100% { 
                    transform: rotate(-8deg) scale(1) translateX(0); 
                    opacity: 1; 
                    filter: blur(0);
                }
            }

            .van-cell-group {
                position: relative;
            }

            </style>

</asp:Content>
@@ -50,6 +133,13 @@
                        <van-cell v-for="item in data" :key="item">
                          <div>
                             <van-cell-group>
                               <!-- 审核状态盖章 -->
                               <div v-if="item.fsubmit == 1" class="audit-stamp audit-stamp--approved">
                                 已审核
                               </div>
                               <div v-else-if="!item.fsubmit || item.fsubmit == 0" class="audit-stamp audit-stamp--pending">
                                 未审核
                               </div>
                               <van-cell :title="item.releaseNo" is-link :url="'Add.aspx?id='+item.guid+'&lotNo='+item.lotNo+'&releaseNo='+item.releaseNo" ></van-cell>
                               <van-field label="到货单号" colon="true" v-model="item.lotNo" readonly ></van-field>
                                 <!-- 自定义字段用于显示两个标识 -->
@@ -133,5 +223,5 @@
  <%--<comback ></comback>--%>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server">
 <script src="../Js/LLJ/List.js?<%=116 %>"></script>
 <script src="../Js/LLJ/List.js?<%=117 %>"></script>
</asp:Content>