lx.wxss
15.3 KB
.lx-container.data-v-9af7bc36{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:20rpx}.header.data-v-9af7bc36{background:linear-gradient(120deg,#43e97b,#38f9d7);border-radius:36rpx;padding:48rpx;text-align:center;margin-bottom:48rpx;box-shadow:0 8rpx 48rpx 0 rgba(76,175,80,.1)}.header-title.data-v-9af7bc36{color:#fff;font-size:36rpx;font-weight:700;letter-spacing:4rpx}.form-card.data-v-9af7bc36{background:#fff;border-radius:36rpx;box-shadow:0 8rpx 48rpx 0 rgba(76,175,80,.1);border:3rpx solid #c8e6c9;overflow:hidden}.form-content.data-v-9af7bc36{padding:48rpx}.form-group.data-v-9af7bc36{margin-bottom:40rpx}.form-group.data-v-9af7bc36:last-child{margin-bottom:0}.form-label.data-v-9af7bc36{display:block;margin-bottom:16rpx;font-weight:700;color:#388e3c;letter-spacing:2rpx;font-size:28rpx}.input-wrapper.data-v-9af7bc36{position:relative}.custom-select.data-v-9af7bc36{position:relative;background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;display:flex;align-items:center;justify-content:space-between;cursor:pointer;z-index:10;min-height:80rpx;box-sizing:border-box}.select-text.data-v-9af7bc36{font-size:28rpx;color:#2e7d32;flex:1}.select-arrow.data-v-9af7bc36{position:absolute;right:24rpx;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#6a9c6a;font-size:24rpx;pointer-events:none}.select-input.data-v-9af7bc36{background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;font-size:28rpx;color:#2e7d32}.data-v-9af7bc36 .u-input{background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx!important;padding:24rpx!important;font-size:28rpx;color:#2e7d32;overflow:hidden}.data-v-9af7bc36 .input-placeholder{font-size:28rpx!important;color:#2e7d32!important}.readonly-input.data-v-9af7bc36{background:#f5f5f5;border:3rpx solid #ddd;border-radius:20rpx;padding:24rpx;font-size:28rpx;color:#666}.textarea-input.data-v-9af7bc36{background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;font-size:28rpx;color:#2e7d32;min-height:200rpx;box-sizing:border-box;width:100%;box-sizing:border-box}.data-v-9af7bc36 .u-textarea{background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;font-size:28rpx;color:#2e7d32;min-height:200rpx}.submit-btn.data-v-9af7bc36{width:100%;padding:32rpx 40rpx;border-radius:24rpx;font-size:32rpx;font-weight:600;letter-spacing:2rpx;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;box-shadow:0 8rpx 32rpx rgba(67,233,123,.3);margin-top:64rpx;border-color:#43e97b}.px-container.data-v-9af7bc36{margin-bottom:32rpx}.px-row.data-v-9af7bc36{display:flex;flex-direction:column;gap:24rpx;margin-bottom:32rpx;padding:32rpx;border:2rpx solid #e0e0e0;border-radius:20rpx;background:#fafafa}.px-row-first.data-v-9af7bc36{display:flex;gap:24rpx;align-items:center}.px-row-second.data-v-9af7bc36{display:flex;gap:16rpx;align-items:center;width:100%}.px-row-third.data-v-9af7bc36{display:flex;gap:24rpx;align-items:center;margin-top:24rpx}.px-row-fourth.data-v-9af7bc36{display:flex;gap:24rpx;align-items:center;margin-top:24rpx}.px-row-fifth.data-v-9af7bc36{display:flex;gap:24rpx;align-items:flex-start;margin-top:24rpx;flex-wrap:wrap}.px-row-sixth.data-v-9af7bc36{display:flex;gap:24rpx;align-items:flex-start;margin-top:24rpx;flex-wrap:wrap}.px-row-seventh.data-v-9af7bc36{display:flex;gap:24rpx;align-items:flex-start;margin-top:24rpx;flex-wrap:wrap}.px-remark-wrapper.data-v-9af7bc36{width:100%;display:flex;flex-direction:column;gap:12rpx}.px-remark-label.data-v-9af7bc36{font-size:26rpx;color:#2e7d32;font-weight:700}.px-remark-input.data-v-9af7bc36{background:#f9fff9;border:3rpx solid #c8e6c9;border-radius:20rpx;padding:24rpx;font-size:28rpx;color:#2e7d32;height:120rpx;box-sizing:border-box;width:100%}.px-select.data-v-9af7bc36{width:40%;padding:24rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:28rpx;background:#f9fff9;color:#2e7d32;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between}.px-amount.data-v-9af7bc36{width:40%;padding:24rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:28rpx;background:#f9fff9;color:#2e7d32}.px-count.data-v-9af7bc36{min-width:80rpx;padding:20rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:26rpx;background:#f9fff9;color:#2e7d32;text-align:center}.px-type-select.data-v-9af7bc36{width:30%;padding:20rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:26rpx;background:#f9fff9;color:#2e7d32;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between}.px-unit-price.data-v-9af7bc36{display:flex;align-items:center;gap:8rpx;padding:16rpx 20rpx;background:#e8f5e9;border-radius:12rpx;border:2rpx solid #c8e6c9;width:20%;justify-content:center}.price-label.data-v-9af7bc36{font-size:22rpx;color:#2e7d32;font-weight:500}.price-value.data-v-9af7bc36{font-size:24rpx;color:#1b5e20;font-weight:700}.px-delete.data-v-9af7bc36{width:20%;padding:16rpx 0;border-radius:20rpx;background:#f5f5f5;color:#666;font-size:22rpx}.btn-add-px.data-v-9af7bc36{width:100%;padding:10rpx 40rpx;border:3rpx solid #43a047;border-radius:20rpx;background:#e8f5e9;color:#2e7d32;font-size:28rpx;font-weight:700}.deduct-container.data-v-9af7bc36{margin-bottom:32rpx}.deduct-row.data-v-9af7bc36{display:flex;flex-direction:column;gap:24rpx;margin-bottom:32rpx;padding:32rpx;border:2rpx solid #e0e0e0;border-radius:20rpx;background:#fafafa}.deduct-info.data-v-9af7bc36{background:#e8f5e9;border:2rpx solid #c8e6c9;border-radius:16rpx;padding:24rpx;margin-bottom:16rpx}.deduct-info-item.data-v-9af7bc36{display:flex;align-items:center;margin-bottom:12rpx}.deduct-info-item.data-v-9af7bc36:last-child{margin-bottom:0}.info-label.data-v-9af7bc36{font-size:26rpx;color:#2e7d32;font-weight:700;margin-right:16rpx;min-width:120rpx}.info-value.data-v-9af7bc36{font-size:26rpx;color:#1b5e20;flex:1}.deduct-row-first.data-v-9af7bc36{display:flex;gap:24rpx;align-items:center}.deduct-row-second.data-v-9af7bc36{display:flex;gap:16rpx;align-items:center;width:100%}.deduct-select.data-v-9af7bc36{width:40%;padding:24rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:28rpx;background:#f9fff9;color:#2e7d32;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between}.deduct-amount.data-v-9af7bc36{width:40%;padding:24rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:28rpx;background:#f9fff9;color:#2e7d32}.deduct-count.data-v-9af7bc36{min-width:80rpx;padding:20rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:26rpx;background:#f9fff9;color:#2e7d32;text-align:center}.deduct-unit-price.data-v-9af7bc36{display:flex;align-items:center;gap:8rpx;padding:16rpx 20rpx;background:#e8f5e9;border-radius:12rpx;border:2rpx solid #c8e6c9;width:20%;justify-content:center}.deduct-delete.data-v-9af7bc36{width:20%;padding:16rpx 0;border-radius:20rpx;background:#f5f5f5;color:#666;font-size:22rpx}.btn-add-deduct.data-v-9af7bc36{width:100%;padding:10rpx 40rpx;border:3rpx solid #43a047;border-radius:20rpx;background:#e8f5e9;color:#2e7d32;font-size:28rpx;font-weight:700}.px-jks-select.data-v-9af7bc36,
.px-kjb-select.data-v-9af7bc36{flex:1;padding:24rpx 40rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;font-size:28rpx;font-weight:700;background:#e8f5e9;color:#2e7d32;cursor:pointer;text-align:center;box-shadow:0 4rpx 8rpx rgba(76,175,80,.1)}.px-jks-list.data-v-9af7bc36,
.px-kjb-list.data-v-9af7bc36{flex:1;min-height:100rpx;padding:24rpx;border:3rpx solid #c8e6c9;border-radius:20rpx;background:#f9fff9;font-size:18rpx;gap:24rpx;line-height:3.6}.px-staff-item.data-v-9af7bc36{display:flex;justify-content:space-between;align-items:center;background:#e8f5e9;color:#2e7d32;padding:20rpx 24rpx;margin:0;border-radius:12rpx;font-size:28rpx;border:2rpx solid #c8e6c9;line-height:3.2;margin-bottom:16rpx}.staff-name.data-v-9af7bc36{margin-right:24rpx;font-weight:500;color:#2e7d32;line-height:3.2}.staff-amount.data-v-9af7bc36{border:2rpx solid #a5d6a7;border-radius:8rpx;padding:8rpx 16rpx;font-size:28rpx;width:120rpx;text-align:center;background:#fff;color:#2e7d32;margin-right:16rpx;line-height:3}.remove-btn.data-v-9af7bc36{cursor:pointer;color:#f44336;font-weight:700;font-size:36rpx;width:50rpx;height:50rpx;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(244,67,54,.1)}.file-upload-area.data-v-9af7bc36{border:4rpx dashed #c8e6c9;border-radius:24rpx;padding:48rpx;text-align:center;background:linear-gradient(135deg,#f9fff9,#e8f5e9);cursor:pointer;min-height:240rpx;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.file-upload-text.data-v-9af7bc36{display:flex;flex-direction:column;align-items:center;gap:24rpx;color:#6a9c6a;font-size:19rpx;position:relative;z-index:1}.file-upload-icon.data-v-9af7bc36{font-size:50rpx;opacity:.8}.file-list.data-v-9af7bc36{margin-top:32rpx;text-align:left;max-height:400rpx;overflow-y:auto}.file-item.data-v-9af7bc36{display:flex;align-items:center;justify-content:space-between;padding:20rpx 24rpx;background:#fff;border:1rpx solid #e8f5e9;border-radius:12rpx;margin-bottom:12rpx;font-size:26rpx;box-shadow:0 2rpx 8rpx rgba(67,233,123,.08);transition:all .3s ease}.file-info.data-v-9af7bc36{display:flex;align-items:center;gap:20rpx;overflow:hidden;width:40%}.file-icon.data-v-9af7bc36{font-size:32rpx;width:56rpx;height:56rpx;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fff9,#e8f5e9);border-radius:10rpx;flex-shrink:0;border:1rpx solid #c8e6c9}.file-name.data-v-9af7bc36{font-size:28rpx;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.file-size.data-v-9af7bc36{font-size:22rpx;color:#666;background:#f8f9fa;padding:6rpx 12rpx;border-radius:6rpx;flex-shrink:0;border:1rpx solid #e9ecef}.file-actions.data-v-9af7bc36{display:flex;align-items:center;gap:12rpx;flex-shrink:0;width:50%}.file-status.data-v-9af7bc36{font-size:22rpx;padding:6rpx 12rpx;border-radius:6rpx;font-weight:500;white-space:nowrap}.file-status.success.data-v-9af7bc36{color:#2e7d32;background:#e8f5e9;border:1rpx solid #c8e6c9}.file-status.error.data-v-9af7bc36{color:#c62828;background:#ffebee;border:1rpx solid #ffcdd2}.file-status.uploading.data-v-9af7bc36{color:#ef6c00;background:#fff3e0;border:1rpx solid #ffe0b2}.btn-error.data-v-9af7bc36{background:#f44336;color:#fff;border:none;border-radius:6rpx;font-size:20rpx}.btn-error.data-v-9af7bc36:hover{background:#c62828}.btn-group.data-v-9af7bc36{display:flex;gap:24rpx;margin-top:48rpx}.btn.data-v-9af7bc36{flex:1;padding:10rpx 40rpx;border:none;border-radius:20rpx;font-size:28rpx;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:2rpx}.btn-primary.data-v-9af7bc36{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;box-shadow:0 4rpx 16rpx rgba(67,233,123,.3)}.btn-primary.data-v-9af7bc36:hover{box-shadow:0 8rpx 32rpx rgba(67,233,123,.4);-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx)}.signature-preview.data-v-9af7bc36{margin-top:24rpx;padding:24rpx;background:#f9fff9;border:2rpx solid #c8e6c9;border-radius:16rpx}.preview-label.data-v-9af7bc36{display:block;font-size:26rpx;color:#2e7d32;font-weight:700;margin-bottom:16rpx}.signature-image.data-v-9af7bc36{width:100%;max-width:300rpx;height:120rpx;border:2rpx solid #e0e0e0;border-radius:12rpx;background:#fff;margin-bottom:16rpx}.btn-clear-signature.data-v-9af7bc36{padding:12rpx 24rpx;background:#f5f5f5;color:#666;border:2rpx solid #ddd;border-radius:12rpx;font-size:24rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear-signature.data-v-9af7bc36:hover{background:#e0e0e0}.signature-modal-overlay.data-v-9af7bc36{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.signature-modal.data-v-9af7bc36{width:100%;background:#fff;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:space-between}.signature-modal-header.data-v-9af7bc36{display:flex;justify-content:space-between;align-items:center;padding:30rpx 40rpx;background:#f8f9fa;border-bottom:2rpx solid #e9ecef}.signature-modal-title.data-v-9af7bc36{font-size:32rpx;font-weight:700;color:#2e7d32}.btn-close-modal.data-v-9af7bc36{width:60rpx;height:60rpx;background:#f5f5f5;border:none;border-radius:50%;font-size:36rpx;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0}.btn-close-modal.data-v-9af7bc36:hover{background:#e0e0e0;color:#333}.signature-modal-content.data-v-9af7bc36{background:#fff;flex:1;width:100%}.signature-modal-content .signature-container.data-v-9af7bc36{height:100%;border:none;border-radius:0;box-shadow:none}.signature-modal-content .signature-header.data-v-9af7bc36{padding:20rpx 30rpx;background:#f8f9fa;border-bottom:2rpx solid #e9ecef}.signature-modal-content .signature-title.data-v-9af7bc36{font-size:32rpx;font-weight:700;color:#2e7d32}.signature-modal-content .btn-clear.data-v-9af7bc36,
.signature-modal-content .btn-confirm.data-v-9af7bc36{padding:16rpx 32rpx;font-size:28rpx;font-weight:500;border-radius:12rpx}.signature-modal-content .btn-clear.data-v-9af7bc36{background:#f5f5f5;color:#666;border:2rpx solid #ddd}.signature-modal-content .btn-clear.data-v-9af7bc36:hover{background:#e0e0e0;color:#333}.signature-modal-content .btn-confirm.data-v-9af7bc36{background:#2e7d32;color:#fff;border:none}.signature-modal-content .btn-confirm.data-v-9af7bc36:hover{background:#1b5e20;-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx)}.signature-modal-content .signature-pad.data-v-9af7bc36{flex:1;display:flex;justify-content:center;align-items:center;padding:20rpx}.signature-modal-content .signature-tips.data-v-9af7bc36{padding:20rpx;text-align:center;background:#f8f9fa;border-top:2rpx solid #e9ecef}.signature-modal-content .tips-text.data-v-9af7bc36{font-size:24rpx;color:#666}.signature-modal-footer.data-v-9af7bc36{display:flex;justify-content:space-between;padding:30rpx 40rpx;background:#f8f9fa;border-top:2rpx solid #e9ecef;gap:20rpx}.btn-clear-modal.data-v-9af7bc36{flex:1;padding:20rpx;background:#f5f5f5;color:#666;border:2rpx solid #ddd;border-radius:12rpx;font-size:28rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-clear-modal.data-v-9af7bc36:hover{background:#e0e0e0;color:#333}.btn-confirm-modal.data-v-9af7bc36{flex:1;padding:20rpx;background:#2e7d32;color:#fff;border:none;border-radius:12rpx;font-size:28rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-confirm-modal.data-v-9af7bc36:hover{background:#1b5e20;-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx)}.signature-placeholder.data-v-9af7bc36{display:flex;justify-content:center;align-items:center;min-height:200rpx;border:2rpx dashed #c8e6c9;border-radius:16rpx;background:#f9fff9}.btn-signature-placeholder.data-v-9af7bc36{background:#2e7d32;color:#fff;border:none;border-radius:16rpx;font-size:28rpx;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4rpx 16rpx rgba(46,125,50,.3)}.btn-signature-placeholder.data-v-9af7bc36:hover{background:#1b5e20;-webkit-transform:translateY(-2rpx);transform:translateY(-2rpx);box-shadow:0 8rpx 32rpx rgba(46,125,50,.4)}.signature-placeholder-text.data-v-9af7bc36{color:#fff}.signature-actions.data-v-9af7bc36{display:flex;gap:16rpx;margin-top:16rpx}.btn-re-signature.data-v-9af7bc36{flex:1;padding:12rpx 24rpx;background:#2e7d32;color:#fff;border:none;border-radius:12rpx;font-size:24rpx;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-re-signature.data-v-9af7bc36:hover{background:#1b5e20}