#

zhou zhou

2025-12-30 a8b4b7b8b5e40525b6090ee02a9d4583adc43495

 pages/stock/stockQuery.vue

@@ -212,105 +212,15 @@
</script>

<style>
   page {
      background: #f5f7fa;
   }
	
   .page-container {
      min-height: 100vh;
      background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
      padding-bottom: 110rpx;
      box-sizing: border-box;
   }
	
   /* 表单区域 */
   .form-section {
      background: #ffffff;
      padding: 12rpx 20rpx;
      box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06);
   }
	
   .form-item {
      display: flex;
      align-items: center;
      padding: 12rpx 0;
      border-bottom: 1rpx solid #f0f0f0;
   }
	
   .form-item:last-child {
      border-bottom: none;
   }
	
   /* 引入公共样式 */
   @import url('../../static/css/common.css');

   /* 页面特有样式 */
   .form-label {
      display: flex;
      align-items: center;
      width: 140rpx;
      flex-shrink: 0;
   }
   
   .label-text {
      font-size: 26rpx;
      color: #303133;
      margin-left: 6rpx;
   }
	
   .form-input-wrap {
      flex: 1;
      display: flex;
      align-items: center;
      background: #f5f7fa;
      border-radius: 6rpx;
      padding: 0 16rpx;
      height: 60rpx;
   }
	
   .form-input {
      flex: 1;
      height: 60rpx;
      font-size: 26rpx;
      color: #303133;
   }
	
   /* 列表头部 */
   .list-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16rpx 20rpx;
      background: #ffffff;
      margin-top: 12rpx;
      box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
   }
	
   .header-left {
      display: flex;
      align-items: center;
   }
	
   .header-title {
      font-size: 28rpx;
      color: #303133;
      font-weight: 600;
   }
	
   .count-badge {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      border-radius: 16rpx;
      padding: 2rpx 12rpx;
      margin-left: 12rpx;
   }
	
   .count-text {
      font-size: 20rpx;
      color: #ffffff;
      font-weight: 500;
   }
	
   /* 库存列表 */
   .list-container {
      padding: 0 20rpx;
   }
	
   /* 库存卡片 - 使用card-header而非card-top */
   .stock-card {
      background: #ffffff;
      border-radius: 12rpx;
@@ -327,17 +237,7 @@
   }
   
   .card-index {
      width: 36rpx;
      height: 36rpx;
      background: rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22rpx;
      color: #ffffff;
      font-weight: 600;
      margin-right: 12rpx;
   }
   
   .loc-info {
@@ -350,52 +250,9 @@
      font-weight: 600;
   }
   
   .qty-badge {
      background: rgba(255, 255, 255, 0.3);
      padding: 4rpx 14rpx;
      border-radius: 16rpx;
   }
	
   .qty-text {
      font-size: 24rpx;
      color: #ffffff;
      font-weight: 600;
   }
	
   /* 卡片内容 */
   .card-body {
      padding: 12rpx 16rpx;
   }
	
   .info-row {
      display: flex;
      margin-bottom: 8rpx;
   }
	
   .info-row:last-child {
      margin-bottom: 0;
   }
	
   .info-col {
      flex: 1;
   }
	
   .info-col.half {
      width: 50%;
      flex: none;
   }
	
   .info-label {
      font-size: 20rpx;
      color: #909399;
      display: block;
   }
	
   .info-value {
      font-size: 24rpx;
      color: #303133;
      display: block;
      margin-top: 2rpx;
   }
   
   .info-value.code {
@@ -405,82 +262,5 @@
   
   .info-value.batch {
      color: #667eea;
   }
	
   .info-value.qty {
      font-size: 28rpx;
      color: #303133;
      font-weight: 600;
   }
	
   /* 空状态 */
   .empty-state {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 80rpx 0;
   }
	
   .empty-text {
      font-size: 26rpx;
      color: #909399;
      margin-top: 16rpx;
   }
	
   .empty-hint {
      font-size: 22rpx;
      color: #c0c4cc;
      margin-top: 8rpx;
   }
	
   .bottom-placeholder {
      height: 20rpx;
   }
	
   /* 底部操作栏 */
   .bottom-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      padding: 16rpx 20rpx;
      background: #ffffff;
      box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
   }
	
   .btn-reset {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 160rpx;
      height: 72rpx;
      background: #f5f7fa;
      border-radius: 36rpx;
      margin-right: 16rpx;
   }
	
   .btn-reset .btn-text {
      font-size: 26rpx;
      color: #909399;
      margin-left: 6rpx;
   }
	
   .btn-submit {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 72rpx;
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      border-radius: 36rpx;
   }
	
   .btn-submit .btn-text {
      font-size: 28rpx;
      color: #ffffff;
      font-weight: 500;
      margin-left: 6rpx;
   }
</style>