| | |
| | | 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> |
| | |
| | | <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> |
| | | <!-- 自定义字段用于显示两个标识 --> |
| | |
| | | <%--<comback ></comback>--%> |
| | | </asp:Content> |
| | | <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" Runat="Server"> |
| | | <script src="../Js/LLJ/List.js?<%=117 %>"></script> |
| | | <script src="../Js/LLJ/List.js?<%=116 %>"></script> |
| | | </asp:Content> |