xwt
2025-11-13 252915c14e8d8ba92f2f41635a1c802c4503e52a
pages/QC/SJ/detail.vue
@@ -98,12 +98,7 @@
              <view class="info-value">{{formData.result}}</view>
            </view>
          </view>
          <view v-if="formData.result != null" class="result-preview">
            <view class="info-label">预览结果</view>
            <view class="info-value">{{formData.result}}</view>
          </view>
          <view v-if="formData.remarks != null" class="result-ng">
            <view class="info-label">不合格描述</view>
            <view class="info-value danger">{{formData.remarks}}</view>
@@ -135,16 +130,6 @@
          
          <view class="input-group">
            <view class="input-wrapper">
              <button class="btn upload-btn" @tap="saveRemarks">
                <uni-icons type="compose" size="16" color="#fff"></uni-icons>
                不合格描述
              </button>
              <button class="btn attachment-btn" @tap="viewAttachmentInfo">
                <uni-icons type="folder" size="16" color="#fff"></uni-icons>
                查看附件信息
              </button>
              <input v-if="!isAllCompleted"
                v-model="formData.fcheckResu"
                type="text"
@@ -161,6 +146,18 @@
      <!-- 操作按钮 -->
      <view class="action-buttons">
        <button class="btn upload-btn" @tap="saveRemarks">
          <view class="btn-content">
            <uni-icons type="compose" size="16" color="#fff"></uni-icons>
            <view class="btn-text">不合格描述</view>
          </view>
        </button>
        <button class="btn attachment-btn" @tap="viewAttachmentInfo">
          <view class="btn-content">
            <uni-icons type="folder" size="16" color="#fff"></uni-icons>
            <view class="btn-text">查看附件信息</view>
          </view>
        </button>
        <button class="action-btn success tablet-upload-btn" @click="uploadImage">
          <view class="btn-content">
            <view class="btn-icon">📷</view>
@@ -1693,19 +1690,71 @@
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  .btn {
    padding: 8px 20px;
    border-radius: 4px;
    &.primary-btn {
      background-color: $primary-color;
      color: #fff;
    }
    &.cancel-btn {
      background-color: #909399;
      color: #fff;
    }
    &.upload-btn {
      background-color: #909399;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 12px 20px;
      margin: 0;
      font-size: 14px;
      font-weight: 600;
      min-height: 48px;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(144, 147, 153, 0.3);
    }
    &.upload-btn:hover {
      background-color: #7a7d82;
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(144, 147, 153, 0.4);
    }
    &.attachment-btn {
      background-color: #17a2b8;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 12px 20px;
      margin: 0;
      font-size: 14px;
      font-weight: 600;
      min-height: 48px;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      cursor: pointer;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(23, 162, 184, 0.3);
    }
    &.attachment-btn:hover {
      background-color: #138496;
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(23, 162, 184, 0.4);
    }
  }
}
@@ -2391,6 +2440,7 @@
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
}
.tablet-upload-btn:hover {