首检，来料检修改

cnf

2025-09-16 1dfbf152be9db7bc8c589a4d0bfba5df8d240585

 pages/QC/RKJ/Add.vue

@@ -50,7 +50,7 @@
               <input type="number" 
                     v-model="formData.quantity" 
                     placeholder="请输入送检数量"
                     class="form-input"
                     class="large-quantity-input"
                     @input="onQuantityChange"/>
            </view>
         </view>
@@ -76,6 +76,11 @@
            <view class="form-row" v-if="formData.planQty">
               <label class="form-label">工单数量：</label>
               <span class="form-value">{{formData.planQty}}</span>
            </view>
				
            <view class="form-row" v-if="formData.rbillNo">
               <label class="form-label">送检批次：</label>
               <span class="form-value">{{formData.rbillNo}}</span>
            </view>
         </view>
      </view>
@@ -158,9 +163,42 @@
         <view class="info-value">{{formData.billNo || formData.rBillNo}}</view>
      </view>

      <view class="dropdown-row">
         <view class="info-label">送检批次：</view>
         <view class="info-value">{{formData.rbillNo}}</view>
      </view>

      <!-- 新增下拉框区域 -->
      <view class="dropdown-row">
         <view class="info-label">不良原因：</view>
         <picker v-if="!isUpdate" :value="badreasonIndex" :range="badreasonOptions" @change="onBadreasonChange">
            <view class="picker-text" :class="{ 'selected': badreason }">{{ badreason || '请选择不良原因' }}</view>
         </picker>
         <view v-else class="info-value">{{ badreason }}</view>
      </view>
      <view class="dropdown-row">
         <view class="info-label">所属车间：</view>
         <picker v-if="!isUpdate" :value="workshopIndex" :range="workshopOptions" @change="onWorkshopChange">
            <view class="picker-text" :class="{ 'selected': WORKSHOP }">{{ WORKSHOP || '请选择所属车间' }}</view>
         </picker>
         <view v-else class="info-value">{{ WORKSHOP }}</view>
      </view>
      <view class="dropdown-row">
         <view class="info-label">评审状态：</view>
         <picker v-if="!isUpdate" :value="pstypeIndex" :range="pstypeOptions" @change="onPstypeChange">
            <view class="picker-text" :class="{ 'selected': PSTYPE }">{{ PSTYPE || '请选择评审状态' }}</view>
         </picker>
         <view v-else class="info-value">{{ PSTYPE }}</view>
      </view>
      <view class="dropdown-row">
         <view class="info-label">不良描述：</view>
         <input v-if="!isUpdate" v-model="formData.fngDesc" placeholder="请输入不良描述" class="input-field" @blur="saveFngDesc" />
         <view v-else class="info-value">{{ formData.fngDesc }}</view>
      </view>

      <!-- 表单上方操作按钮区 -->
      <view class="top-action-buttons">
         <button class="action-btn" v-if="tableData.length === 0 && formData.fsubmit != 1" @click="getInspectionItems">获取检验项目</button>
         <button class="action-btn" v-if="formData.fsubmit != 1" @click="getInspectionItems">获取检验项目</button>
      </view>

      <!-- 检验项目表格 -->
@@ -203,8 +241,8 @@
      <!-- 表单下方操作按钮区 -->
      <view class="bottom-action-buttons">
         <button class="action-btn small" @click="toImage">上传/查看图片</button>
         <button class="action-btn small" @click="viewAttachmentInfo">查看附件信息</button>
         <button class="action-btn small" @click="saveRemarks" v-if="formData.fsubmit != 1">添加不合格描述</button>
         <button class="action-btn small" @click="cleanResult" v-if="formData.fsubmit != 1">清除检验结果</button>
         <button class="action-btn small primary" @click="submitInspection" v-if="formData.fsubmit != 1 && tableData.length > 0">提交检验</button>
      </view>

@@ -220,6 +258,106 @@
            </form>
            <button class="updateBut" @click="edit">修改</button>
            <button @click="showPopup = !showPopup">取消</button>
         </view>
      </view>

      <!-- 附件详情弹窗 -->
      <view v-if="showAttachmentDetail" class="overlay">
         <view class="popup attachment-detail-popup">
            <h3 class="attachment-popup-title">附件详情</h3>
            <div class="attachment-popup-divider"></div>
            <div v-if="selectedAttachment" class="attachment-detail-content">
               <div class="attachment-detail-row"><span class="attachment-label">ID：</span><span>{{ Math.trunc(selectedAttachment.id) }}</span></div>
               <div class="attachment-detail-row"><span class="attachment-label">附件名：</span><span>{{ selectedAttachment.fattach }}</span></div>
               <div class="attachment-detail-row"><span class="attachment-label">类型：</span><span>{{ selectedAttachment.ftype }}</span></div>
               <div class="attachment-detail-row"><span class="attachment-label">版本：</span><span>{{ selectedAttachment.fversion }}</span></div>
               <div class="attachment-detail-row"><span class="attachment-label">受控日期：</span><span>{{ selectedAttachment.fdate }}</span></div>
               <div class="attachment-detail-row"><span class="attachment-label">上传人：</span><span>{{ selectedAttachment.createBy }}</span></div>
               <div class="attachment-detail-row"><span class="attachment-label">上传时间：</span><span>{{ selectedAttachment.createDate }}</span></div>
               <div class="attachment-actions-detail">
                  <button class="attachment-action-btn preview-btn" 
                     @click="previewFtpFile(selectedAttachment)" 
                     v-if="isPreviewable(selectedAttachment.fattach)">
                     🔍 在线预览
                  </button>
                  <button class="attachment-action-btn download-btn" 
                     @click="downloadAttachment(selectedAttachment)">
                     📥 下载文件
                  </button>
               </div>
            </div>
            <div v-else class="attachment-detail-empty">暂无附件信息</div>
            <button class="attachment-popup-close" @click="closeAttachmentDetail">返回附件列表</button>
         </view>
      </view>

      <!-- 附件列表弹窗 -->
      <view v-if="showAttachmentPopup" class="overlay">
         <view class="popup" style="width: 60vw; max-width: 500px;">
            <h3>附件列表</h3>
            <div v-if="attachmentsLoading">加载中...</div>
            <div v-else-if="attachments.length === 0">暂无附件</div>
            <ul class="attachment-list" v-else>
               <li v-for="item in attachments" :key="item.id">
                  <div class="attachment-info">
                     <span class="attachment-name" @click="showAttachmentDetailDialog(item)">
                        {{ item.fattach }}
                     </span>
                     <div class="attachment-meta">
                        <span class="attachment-type">{{ item.ftype || '未知类型' }}</span>
                     </div>
                  </div>
                  <div class="attachment-actions">
                     <button class="secondary-btn" @click="showAttachmentDetailDialog(item)">详情</button>
                     <button class="secondary-btn preview-btn" @click="previewFtpFile(item)" 
                        v-if="isPreviewable(item.fattach)">预览</button>
                     <button class="secondary-btn" @click="downloadAttachment(item)">下载</button>
                  </div>
               </li>
            </ul>
            <button class="attachment-popup-close" @click="closeAttachmentPopup">关闭</button>
         </view>
      </view>
		
      <!-- 文件预览弹窗 -->
      <view v-if="showFilePreviewPopup" class="overlay">
         <view class="popup file-preview-popup">
            <h3 class="file-preview-title">{{ previewTitle }}</h3>
            <div class="file-preview-divider"></div>
            <div class="file-preview-content">
               <!-- 文本内容预览 -->
               <pre v-if="previewType === 'text'">{{ previewContent }}</pre>
					
               <!-- 图片内容预览 -->
               <view v-else-if="previewType === 'image'" class="image-preview-container">
                  <image 
                     :src="previewContent" 
                     mode="aspectFit" 
                     class="preview-image-clickable"
                     @click="previewImageInPopup"
                     style="width: 100%; max-height: 400px; cursor: pointer;"
                  />
                  <div class="image-zoom-hint">点击图片可放大查看</div>
               </view>
					
               <!-- Excel 等 Office 文件提示 -->
               <view v-else-if="previewType === 'excel'" class="unsupported-preview">
                  <view class="unsupported-icon">📊</view>
                  <view class="unsupported-text">Excel 文件暂不支持在线预览</view>
                  <view class="unsupported-hint">请点击下载按钮获取完整文件</view>
               </view>
					
               <!-- 不支持的文件类型 -->
               <view v-else class="unsupported-preview">
                  <view class="unsupported-icon">📄</view>
                  <view class="unsupported-text">此文件格式暂不支持预览</view>
                  <view class="unsupported-hint">请点击下载按钮获取完整文件</view>
               </view>
            </div>
            <div class="file-preview-actions">
               <button v-if="previewType !== 'text'" class="file-preview-btn download-btn" @click="downloadPreviewFile">📥 下载文件</button>
               <button class="file-preview-btn close-btn" @click="closeFilePreview">关闭</button>
            </div>
         </view>
      </view>
   </view>
@@ -249,7 +387,8 @@
             workShop: "", // 工作车间
             lineName: "", // 线体名称
             quantity: "", // 送检数量
             planQty: "" // 工单计划数量
             planQty: "", // 工单计划数量
             fngDesc: "" // 不良描述
           },
    
          DAA020List: [],
@@ -275,6 +414,28 @@
          showPopup: false,
          departmentList: [], // 车间列表
          selectedDepartmentId: "", // 选中的车间ID
          // 附件相关数据
          attachments: [],
          showAttachmentPopup: false,
          attachmentsLoading: false,
          selectedAttachment: null,
          showAttachmentDetail: false,
          showFilePreviewPopup: false,
          previewContent: '',
          previewTitle: '',
          previewItemNo: '',
          previewType: '', // 'text', 'image', 'excel', 'unsupported'
          
          // 新增下拉框相关数据
          badreason: '',
          PSTYPE: '',
          WORKSHOP: '',
          badreasonOptions: ['', '外观不良', '尺寸不良', '包装不良', '性能不良', '装配不良', '安规不良'],
          badreasonIndex: 0,
          workshopOptions: ['', '生产一部', '生产二部', '注塑车间', '其他'],
          workshopIndex: 0,
          pstypeOptions: ['', '特采/让步使用', '挑选/返工使用', '退货', '待判'],
          pstypeIndex: 0,
        };
      },
      onLoad(options) {
@@ -451,6 +612,7 @@
            this.formData.itemId = ""; // 清空物料ID
            this.formData.itemModel = "";
            this.formData.planQty = "";
            this.formData.rbillNo = ""; // 清空送检批次号
            this.tableData = [];
          })
        },
@@ -488,6 +650,7 @@
                this.formData.itemId = ""; // 清空物料ID
                this.formData.itemModel = "";
                this.formData.planQty = "";
                this.formData.rbillNo = ""; // 清空送检批次号
                this.tableData = [];
              });
            }
@@ -504,19 +667,21 @@
            this.formData.itemNo = "";
            this.formData.itemId = "";
            this.formData.billNo = "";
            this.formData.rbillNo = "";
            this.formData.quantity = "";
            this.formData.itemModel = "";
            this.tableData = [];
            return;
          }
          
          // 自动填充物料信息
          this.formData.itemName = data.daa003; // 产品名称
          this.formData.itemNo = data.daa002; // 产品编码
          this.formData.itemId = data.itemId || ""; // 物料ID
          this.formData.billNo = data.daa001; // 工单号作为billNo
          this.formData.itemModel = data.daa004 || ""; // 产品规格
          this.formData.planQty = data.daa008 || ""; // 工单数量
                     // 自动填充物料信息
           this.formData.itemName = data.daa003; // 产品名称
           this.formData.itemNo = data.daa002; // 产品编码
           this.formData.itemId = data.itemId || ""; // 物料ID
           this.formData.billNo = data.daa001; // 工单号作为billNo
           this.formData.rbillNo = "无源单"; // 送检批次号（使用默认值）
           this.formData.itemModel = data.daa004 || ""; // 产品规格
           this.formData.planQty = data.daa008 || ""; // 工单数量
          // 不清空送检数量，保持用户已输入的值
          this.tableData = [];
        },
@@ -591,6 +756,17 @@
              this.formData.itemName = data.itemName;
              this.formData.itemModel = data.itemModel;
              this.formData.daa015 = data.daa015;
              
              // 加载下拉框字段数据
              this.badreason = data.blyy || '';
              this.PSTYPE = data.pszt || '';
              this.WORKSHOP = data.sscj || '';
              this.formData.fngDesc = data.fngDesc || ''; // 加载不良描述
              
              // 设置 picker 索引
              this.badreasonIndex = this.badreasonOptions.indexOf(this.badreason);
              this.workshopIndex = this.workshopOptions.indexOf(this.WORKSHOP);
              this.pstypeIndex = this.pstypeOptions.indexOf(this.PSTYPE);
              
              // 设置生产线名称（如果有lineNo）
              if (this.formData.lineNo && this.formData.workShop) {
@@ -870,10 +1046,21 @@
                 return;
             }
             
             // 检查钉钉推送条件：PSZT为待判，且不良原因、不良描述、所属车间不为空
             const shouldPushToDingTalk = this.PSTYPE === '待判' && 
                                         this.badreason && 
                                         this.formData.fngDesc && 
                                         this.WORKSHOP;
             
             let confirmMessage = '确定要提交此检验单吗？提交后将无法修改。';
             if (shouldPushToDingTalk) {
                 confirmMessage += '\n\n满足钉钉推送条件，将自动推送到钉钉审批流程。';
             }
             
             // 确认提交
             uni.showModal({
                 title: '确认提交',
                 content: '确定要提交此检验单吗？提交后将无法修改。',
                 content: confirmMessage,
                 success: (res) => {
                     if (res.confirm) {
                         this.$post({
@@ -884,7 +1071,11 @@
                             }
                         }).then(res => {
                             if (res.status == 0) {
                                 this.$showMessage("检验单提交成功！");
                                 let successMessage = "检验单提交成功！";
                                 if (shouldPushToDingTalk) {
                                     successMessage += "\n已推送到钉钉审批流程。";
                                 }
                                 this.$showMessage(successMessage);
                                 // 更新本地状态
                                 this.formData.fsubmit = 1;
                                 // 刷新数据
@@ -899,7 +1090,523 @@
                     }
                 }
             });
         }
         },
         viewAttachmentInfo() {
            this.showAttachmentPopup = true; // 先弹窗
            this.attachmentsLoading = true;
            this.attachments = [];
            this.$post({
              url: "/RKJ/getAttachments",
              data: { itemNo: this.formData.itemNo }
            }).then(res => {
              this.attachmentsLoading = false;
              if (res.status === 0) {
                this.attachments = res.data.tbBillList;
                // 为每个附件设置默认可用状态
                this.attachments.forEach((item, index) => {
                  this.$set(item, 'ftpAvailable', true); // 默认认为文件可用
                  this.$set(item, 'checking', false);
                });
              } else if (res.status === 1 && res.message === "该检验单未上传附件信息！") {
                uni.showToast({ title: res.message, icon: "none" });
              } else {
                uni.showToast({ title: "获取附件失败", icon: "none" });
              }
            });
          },
        downloadAttachment(item) {
          // 去除所有空格、全角空格、回车、换行
          const fileName = item.fattach.replace(/[\s\u3000\r\n]+/g, '').trim();
          // 使用配置的服务器地址和FTP服务器地址
          const url = this.$store.state.serverInfo.serverAPI + "/RKJ/DownloadFtpFile?itemNo=" + encodeURIComponent(item.itemNo) + "&fileName=" + encodeURIComponent(fileName) + "&ftpServer=" + encodeURIComponent(this.$store.state.serverInfo.ftpServer);
          
          // 检查运行环境
          // #ifdef H5
          // H5环境：使用浏览器下载
          this.downloadFileInBrowser(url, fileName);
          // #endif
          
          // #ifdef APP-PLUS
          // APP环境：使用uni.downloadFile
          this.downloadFileInApp(url, fileName);
          // #endif
          
          // #ifdef MP
          // 小程序环境：使用uni.downloadFile
          this.downloadFileInApp(url, fileName);
          // #endif
        },
        // 在浏览器中下载文件
        downloadFileInBrowser(url, fileName) {
          uni.showLoading({ title: '正在准备下载...' });
          
          // 方法1：创建隐藏的a标签下载
          try {
            const link = document.createElement('a');
            link.href = url;
            link.download = fileName;
            link.style.display = 'none';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
            
            uni.hideLoading();
            uni.showToast({ 
              title: '下载已开始', 
              icon: 'success',
              duration: 2000
            });
          } catch (error) {
            console.log('a标签下载失败，尝试window.open方式:', error);
            // 方法2：使用window.open
            try {
              window.open(url, '_blank');
              uni.hideLoading();
              uni.showToast({ 
                title: '下载已开始', 
                icon: 'success',
                duration: 2000
              });
            } catch (error2) {
              console.log('window.open下载失败，尝试fetch方式:', error2);
              // 方法3：使用fetch下载
              this.downloadFileWithFetch(url, fileName);
            }
          }
        },
        // 使用fetch下载文件
        downloadFileWithFetch(url, fileName) {
          fetch(url)
            .then(response => {
              if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
              }
              return response.blob();
            })
            .then(blob => {
              // 创建blob URL
              const blobUrl = window.URL.createObjectURL(blob);
              
              // 创建下载链接
              const link = document.createElement('a');
              link.href = blobUrl;
              link.download = fileName;
              link.style.display = 'none';
              document.body.appendChild(link);
              link.click();
              document.body.removeChild(link);
              
              // 释放blob URL
              window.URL.revokeObjectURL(blobUrl);
              
              uni.hideLoading();
              uni.showToast({ 
                title: '下载成功', 
                icon: 'success',
                duration: 2000
              });
            })
            .catch(error => {
              console.error('Fetch下载失败:', error);
              uni.hideLoading();
              if (error.message.includes('404')) {
                uni.showModal({ 
                  title: '文件不存在', 
                  content: `该附件在FTP服务器上不存在`,
                  showCancel: false 
                });
              } else {
                uni.showModal({ 
                  title: '下载失败', 
                  content: `下载失败: ${error.message}`,
                  showCancel: false 
                });
              }
            });
        },
        // 在APP中下载文件
        downloadFileInApp(url, fileName) {
          // #ifdef APP-PLUS
          uni.showLoading({ title: '从FTP服务器下载中...' });
          
          // Android 获取存储路径
          const saveDir = plus.os.name === 'Android' ? plus.io.convertLocalFileSystemURL('_downloads/') : plus.io.convertLocalFileSystemURL('_documents/');
          const filePath = `${saveDir}${fileName}`;
          
          const downloadTask = uni.downloadFile({
            url: url,
            filePath: filePath, // 指定保存路径
            success: (res) => {
              uni.hideLoading();
              if (res.statusCode === 200) {
                const fileInfo = {
                  name: fileName,
                  path: res.filePath || filePath,
                  tempPath: res.tempFilePath
                };
                
                uni.showModal({
                  title: '下载成功',
                  content: `文件已保存到：${fileInfo.path}`,
                  showCancel: true,
                  confirmText: '打开文件',
                  cancelText: '确定',
                  success: (modalRes) => {
                    if (modalRes.confirm) {
                      // 用户选择打开文件
                      this.openFileInApp(fileInfo);
                    }
                  }
                });
              } else if (res.statusCode === 404) {
                uni.showModal({ 
                  title: '文件不存在', 
                  content: `该附件在FTP服务器上不存在`,
                  showCancel: false 
                });
              } else {
                uni.showModal({ 
                  title: '下载失败', 
                  content: `状态码：${res.statusCode}`,
                  showCancel: false 
                });
              }
            },
            fail: (error) => {
              uni.hideLoading();
              console.error('下载失败:', error);
              uni.showModal({ 
                title: '下载失败', 
                content: `网络错误：${error.errMsg}`,
                showCancel: false 
              });
            }
          });
          
          // 监听下载进度
          downloadTask.onProgressUpdate((res) => {
            const progress = Math.round(res.progress);
            uni.showLoading({ 
              title: `下载中 ${progress}%`,
              mask: true 
            });
          });
          // #endif
          
          // #ifdef MP
          // 小程序环境的简化实现
          uni.showLoading({ title: '下载中...' });
          uni.downloadFile({
            url: url,
            success: (res) => {
              uni.hideLoading();
              if (res.statusCode === 200) {
                uni.showToast({ title: '下载完成', icon: 'success' });
              }
            },
            fail: (error) => {
              uni.hideLoading();
              uni.showModal({ title: '下载失败', content: error.errMsg, showCancel: false });
            }
          });
          // #endif
        },
        // APP中打开文件
        openFileInApp(fileInfo) {
          // #ifdef APP-PLUS
          if (typeof plus !== 'undefined') {
            const filePath = fileInfo.path || fileInfo.tempPath;
            
            // 尝试打开文件
            plus.runtime.openFile(filePath, {}, (error) => {
              console.error('打开文件失败:', error);
              uni.showModal({
                title: '无法打开',
                content: '系统中没有找到能打开此文件的应用程序',
                showCancel: false
              });
            });
          }
          // #endif
        },
        // 预览FTP文件
        previewFtpFile(item) {
          const fileName = item.fattach.replace(/[\s\u3000\r\n]+/g, '').trim();
          const fileExt = fileName.split('.').pop().toLowerCase();
          
          // 检查文件类型是否支持预览
          if (!this.isPreviewable(fileName)) {
            uni.showModal({
              title: '不支持预览',
              content: '该文件类型不支持在线预览，请下载后查看',
              showCancel: false
            });
            return;
          }
          
          const previewUrl = this.$store.state.serverInfo.serverAPI + "/RKJ/PreviewFtpFile?itemNo=" + encodeURIComponent(item.itemNo) + "&fileName=" + encodeURIComponent(fileName) + "&ftpServer=" + encodeURIComponent(this.$store.state.serverInfo.ftpServer);
          
          // 根据文件类型进行不同的预览处理
          if (['pdf'].includes(fileExt)) {
            this.previewPdfFile(previewUrl, fileName);
          } else if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(fileExt)) {
            this.previewImageFile(previewUrl, fileName);
          } else if (['txt'].includes(fileExt)) {
            this.previewTextFile(previewUrl, fileName);
          } else if (['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'].includes(fileExt)) {
            this.previewOfficeFile(previewUrl, fileName);
          } else {
            // 尝试通用预览
            this.previewGenericFile(previewUrl, fileName);
          }
        },
        
        // 预览PDF文件
        previewPdfFile(url, fileName) {
          // 先下载PDF文件，转为base64后预览
          uni.request({
            url: url,
            method: 'GET',
            responseType: 'arraybuffer',
            success: (res) => {
              if (res.statusCode === 200) {
                const base64Data = uni.arrayBufferToBase64(res.data);
                // 存储到全局变量
                getApp().globalData.tempPDF = base64Data;
                uni.navigateTo({
                  url: `/pages/fileView/pdfView`
                });
              } else {
                this.handlePreviewError(res.statusCode, fileName);
              }
            },
            fail: (error) => {
              this.handlePreviewError(0, fileName, error.errMsg);
            }
          });
        },
        
        // 预览图片文件
        previewImageFile(url, fileName) {
          // #ifdef APP-PLUS
          // APP环境：先下载到本地再预览，避免网络图片加载问题
          uni.showLoading({ title: '加载图片...' });
          uni.downloadFile({
            url: url,
            success: (res) => {
              uni.hideLoading();
              if (res.statusCode === 200) {
                // 使用本地临时路径
                uni.navigateTo({
                  url: `/pages/fileView/imageView?url=${encodeURIComponent(res.tempFilePath)}`
                });
              } else {
                this.handlePreviewError(res.statusCode, fileName);
              }
            },
            fail: (error) => {
              uni.hideLoading();
              this.handlePreviewError(0, fileName, error.errMsg);
            }
          });
          // #endif
          
          // #ifdef H5 || MP
          // H5和小程序：直接使用网络URL
          uni.navigateTo({
            url: `/pages/fileView/imageView?url=${encodeURIComponent(url)}`
          });
          // #endif
        },
        
        // 预览文本文件
        previewTextFile(url, fileName) {
          // 文本文件直接显示在弹窗中
          uni.showLoading({ title: '加载文件内容...' });
          uni.request({
            url: url,
            method: 'GET',
            success: (res) => {
              uni.hideLoading();
              if (res.statusCode === 200) {
                const fileType = this.getFileType(fileName);
                
                if (fileType === 'text') {
                  // 文本文件：显示内容
                  this.showFilePreview(res.data, fileName);
                } else if (fileType === 'image') {
                  // 图片文件：显示图片URL
                  this.showFilePreview(url, fileName);
                } else {
                  // 其他文件类型：显示提示信息
                  this.showFilePreview('', fileName);
                }
              } else {
                this.handlePreviewError(res.statusCode, fileName);
              }
            },
            fail: (error) => {
              uni.hideLoading();
              this.handlePreviewError(0, fileName, error.errMsg);
            }
          });
        },
        
        // 检测文件类型
        getFileType(fileName) {
          const fileExt = fileName.split('.').pop().toLowerCase();
          
          if (['txt', 'log', 'md', 'csv', 'json', 'xml'].includes(fileExt)) {
            return 'text';
          } else if (['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'].includes(fileExt)) {
            return 'image';
          } else if (['xls', 'xlsx', 'doc', 'docx', 'ppt', 'pptx'].includes(fileExt)) {
            return 'excel';
          } else {
            return 'unsupported';
          }
        },
        
        // 显示文件预览弹窗
        showFilePreview(content, fileName) {
          this.previewContent = content;
          this.previewTitle = fileName;
          this.previewItemNo = this.selectedAttachment?.itemNo || '';
          this.previewType = this.getFileType(fileName);
          this.showFilePreviewPopup = true;
        },
        
        // 关闭文件预览弹窗
        closeFilePreview() {
          this.showFilePreviewPopup = false;
          this.previewContent = '';
          this.previewTitle = '';
          this.previewItemNo = '';
          this.previewType = '';
        },
        
        // 下载预览文件
        downloadPreviewFile() {
          const item = { fattach: this.previewTitle, itemNo: this.previewItemNo };
          this.downloadAttachment(item);
          this.closeFilePreview();
        },
        
        // 在弹窗中预览图片（放大功能）
        previewImageInPopup() {
          // 使用uni.previewImage API实现图片放大预览
          uni.previewImage({
            current: this.previewContent, // 当前显示图片的链接
            urls: [this.previewContent], // 需要预览的图片链接列表
            loop: false, // 是否开启图片轮播
            indicator: 'default', // 图片指示器类型
            longPressActions: {
              itemList: ['发送给朋友', '保存图片', '收藏'],
              success: function (data) {
                console.log('选中了第' + (data.tapIndex + 1) + '个按钮');
              },
              fail: function (err) {
                console.log(err.errMsg);
              }
            },
            success: () => {
              console.log('图片预览成功');
            },
            fail: (err) => {
              console.error('图片预览失败:', err);
              uni.showToast({
                title: '图片预览失败',
                icon: 'none'
              });
            }
          });
        },
        
        // 预览Office文件
        previewOfficeFile(url, fileName) {
          // 先检查Excel文件，使用专门的Excel预览页面
          const fileExt = fileName.split('.').pop().toLowerCase();
          if (['xls', 'xlsx'].includes(fileExt)) {
            // Excel文件预览
            uni.request({
              url: url,
              method: 'GET',
              responseType: 'arraybuffer',
              success: (res) => {
                if (res.statusCode === 200) {
                  const base64Data = uni.arrayBufferToBase64(res.data);
                  // 存储 Base64 数据到本地存储
                  uni.setStorageSync('excelBase64Data', base64Data);
                  uni.navigateTo({
                    url: `/pages/fileView/excelView`
                  });
                } else {
                  this.handlePreviewError(res.statusCode, fileName);
                }
              },
              fail: (error) => {
                this.handlePreviewError(0, fileName, error.errMsg);
              }
            });
          } else if (['doc', 'docx'].includes(fileExt)) {
            // Word文件，尝试使用Word预览页面或者微软在线预览
            try {
              const officePreviewUrl = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}`;
              // 如果有webView页面，使用webView预览
              this.previewGenericFile(officePreviewUrl, fileName);
            } catch (error) {
              this.handlePreviewError(0, fileName, '不支持此Office文件类型的预览');
            }
          } else {
            // 其他Office文件，使用微软在线预览服务
            const officePreviewUrl = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}`;
            this.previewGenericFile(officePreviewUrl, fileName);
          }
        },
        
        // 通用文件预览
        previewGenericFile(url, fileName) {
          // 由于没有通用的webView页面，显示提示并提供下载
          uni.showModal({
            title: '文件预览',
            content: `文件 "${fileName}" 需要下载后查看，是否立即下载？`,
            showCancel: true,
            confirmText: '下载',
            cancelText: '取消',
            success: (res) => {
              if (res.confirm) {
                const item = { fattach: fileName, itemNo: this.selectedAttachment.itemNo };
                this.downloadAttachment(item);
              }
            }
          });
        },
        
        // 处理预览错误
        handlePreviewError(statusCode, fileName, errorMsg = '') {
          let message = '';
          if (statusCode === 404) {
            message = `文件 ${fileName} 在FTP服务器上不存在`;
          } else if (statusCode === 0) {
            message = `预览失败：${errorMsg}`;
          } else {
            message = `预览失败，状态码：${statusCode}`;
          }
          
          uni.showModal({
            title: '预览失败',
            content: message,
            showCancel: true,
            confirmText: '下载',
            cancelText: '取消',
            success: (res) => {
              if (res.confirm) {
                // 用户选择下载文件
                const item = { fattach: fileName, itemNo: this.selectedAttachment.itemNo };
                this.downloadAttachment(item);
              }
            }
          });
      },
      onShow() {
        //每次进入页面都会执行的方法
@@ -907,6 +1614,104 @@
          this.init();
        }
      },
        // 附件相关方法
        closeAttachmentPopup() {
          this.showAttachmentPopup = false;
        },
        showAttachmentDetailDialog(item) {
          console.log('查看详情', item);
          this.selectedAttachment = item;
          this.showAttachmentPopup = false;
          this.showAttachmentDetail = true;
          console.log('showAttachmentDetail:', this.showAttachmentDetail);
        },
        closeAttachmentDetail() {
          this.showAttachmentDetail = false;
          this.selectedAttachment = null;
          this.showAttachmentPopup = true;
        },
        isPreviewable(filename) {
          if (!filename) return false;
          const ext = filename.trim().split('.').pop().toLowerCase();
          // 支持在线预览的文件类型
          return [
            'pdf',           // PDF文件
            'jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp',  // 图片文件
            'txt', 'log', 'md',  // 文本文件
            'doc', 'docx',   // Word文档
            'xls', 'xlsx',   // Excel表格
            'ppt', 'pptx',   // PowerPoint演示文稿
            'csv'            // CSV文件
          ].includes(ext);
        },
        
        // 下拉框事件处理方法
        onBadreasonChange(e) {
          const index = e.detail.value;
          this.badreasonIndex = index;
          this.badreason = this.badreasonOptions[index];
          this.saveDropdownFields('badreason');
        },
        onWorkshopChange(e) {
          const index = e.detail.value;
          this.workshopIndex = index;
          this.WORKSHOP = this.workshopOptions[index];
          this.saveDropdownFields('WORKSHOP');
        },
        onPstypeChange(e) {
          const index = e.detail.value;
          this.pstypeIndex = index;
          this.PSTYPE = this.pstypeOptions[index];
          this.saveDropdownFields('PSTYPE');
        },
        saveDropdownFields(fieldName) {
          // 直接保存到数据库
          const requestData = {
            gid: this.formData.id,
            releaseNo: this.formData.releaseNo,
            BLYY: this.badreason || '',
            SSCJ: this.WORKSHOP || '',
            PSZT: this.PSTYPE || ''
          };
          console.log('发送的数据:', requestData);
          console.log('badreason:', this.badreason);
          console.log('WORKSHOP:', this.WORKSHOP);
          console.log('PSTYPE:', this.PSTYPE);
          console.log('选择的字段:', fieldName);
          this.$post({
            url: "/RKJ/saveDropdownFields",
            data: requestData
          }).then(res => {
            if (res && res.data && res.data.data && res.data.data.tbBillList && res.data.data.tbBillList.length > 0) {
              // 延迟重新加载数据，确保数据库更新完成
              setTimeout(() => {
                this.init();
              }, 500);
            }
          }).catch(err => {
            console.error('保存失败：', err);
          });
        },
        saveFngDesc() {
          // 保存不良描述到数据库
          this.$post({
            url: "/RKJ/saveFngDesc",
            data: {
              gid: this.formData.id,
              fngDesc: this.formData.fngDesc
            }
          }).then(res => {
            if (res.status == 0) {
              this.$showMessage("不良描述保存成功");
            } else {
              this.$showMessage("不良描述保存失败");
            }
          }).catch(error => {
            console.error("保存不良描述失败:", error);
            this.$showMessage("保存不良描述失败，请重试");
          });
        }
      }
    };
    </script>
    
@@ -996,7 +1801,7 @@
   }
   
   .form-label {
      width: 120px;
      width: 100px;
      font-weight: 500;
      color: #34495e;
      flex-shrink: 0;
@@ -1040,22 +1845,55 @@
   
   .form-input {
      flex: 1;
      padding: 15px 12px;
      border: 2px solid #e9ecef;
      border-radius: 8px;
      min-width: 200px;
      padding: 8px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 14px;
      background-color: white;
      color: #2c3e50;
      transition: all 0.3s ease;
      min-width: 200px;
      width: 100%;
      min-height: 50px;
      box-sizing: border-box;
   }
   
   .form-input:focus {
   .large-quantity-input {
      min-width: 200px !important;
      padding: 8px 12px !important;
      font-size: 14px !important;
      border: 1px solid #ddd !important;
      border-radius: 4px !important;
      background-color: white !important;
      transition: all 0.3s ease;
      font-weight: normal !important;
      text-align: left !important;
      flex: 1;
   }
	
   .large-quantity-input:focus {
      border-color: #3498db;
      box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
      box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
      outline: none;
      background-color: white;
   }
	
   .large-quantity-input::placeholder {
      color: #95a5a6;
      font-size: 16px;
   }
	
   .input-field {
      width: 100%;
      padding: 8px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 14px;
      background-color: white;
      box-sizing: border-box;
      min-height: 36px;
   }
	
   .input-field:focus {
      outline: none;
      border-color: #3498db;
      box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
   }
   
   .form-hint {
@@ -1481,4 +2319,341 @@
         max-width: none;
      }
   }

   /* 附件相关样式 */
   .attachment-detail-popup {
      width: 80vw;
      max-width: 500px;
      max-height: 70vh;
      display: flex;
      flex-direction: column;
   }
	
   .attachment-popup-title {
      font-size: 22px;
      font-weight: 700;
      color: #222;
      margin-bottom: 8px;
      letter-spacing: 1px;
      text-align: center;
   }
	
   .attachment-popup-divider {
      height: 1px;
      background: linear-gradient(90deg,#e0e7ef 0%,#f5f7fa 100%);
      margin-bottom: 18px;
   }
	
   .attachment-detail-content {
      margin-bottom: 18px;
   }
	
   .attachment-detail-row {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
      font-size: 15px;
   }
	
   .attachment-label {
      min-width: 80px;
      color: #1976d2;
      font-weight: 500;
      margin-right: 8px;
   }
	
   .attachment-detail-empty {
      color: #888;
      text-align: center;
      margin: 30px 0;
      font-size: 16px;
   }
	
   .attachment-popup-close {
      margin-top: 18px;
      width: 100%;
      background: linear-gradient(90deg,#e0e0e0 0%,#f5f7fa 100%);
      color: #444;
      border-radius: 8px;
      font-size: 16px;
      padding: 10px 0;
      border: none;
      font-weight: 600;
      letter-spacing: 1px;
      transition: background 0.2s, color 0.2s;
      box-shadow: 0 2px 8px rgba(60,60,60,0.06);
   }
	
   .attachment-popup-close:hover {
      background: linear-gradient(90deg,#bdbdbd 0%,#e0e0e0 100%);
      color: #1976d2;
   }
	
   /* 附件详情页面的操作按钮 */
   .attachment-actions-detail {
      margin: 20px 0;
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
   }
	
   .attachment-action-btn {
      padding: 10px 20px;
      border: none;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 120px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
   }
	
   .attachment-action-btn.preview-btn {
      background: linear-gradient(135deg, #4CAF50, #45a049);
      color: white;
   }
	
   .attachment-action-btn.preview-btn:hover {
      background: linear-gradient(135deg, #45a049, #3d8b40);
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(0,0,0,0.15);
   }
	
   .attachment-action-btn.download-btn {
      background: linear-gradient(135deg, #2196F3, #1976D2);
      color: white;
   }
	
   .attachment-action-btn.download-btn:hover {
      background: linear-gradient(135deg, #1976D2, #1565C0);
      transform: translateY(-1px);
      box-shadow: 0 4px 8px rgba(0,0,0,0.15);
   }
	
   /* 文件预览弹窗样式 */
   .file-preview-popup {
      width: 80vw;
      max-width: 600px;
      max-height: 70vh;
      display: flex;
      flex-direction: column;
   }
	
   .file-preview-title {
      font-size: 18px;
      font-weight: 700;
      color: #222;
      margin-bottom: 8px;
      text-align: center;
      word-break: break-all;
   }
	
   .file-preview-divider {
      height: 1px;
      background: linear-gradient(90deg,#e0e7ef 0%,#f5f7fa 100%);
      margin-bottom: 16px;
   }
	
   .file-preview-content {
      flex: 1;
      max-height: 400px;
      overflow-y: auto;
      background: #f8fafc;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
      border: 1px solid #e2e8f0;
   }
	
   .file-preview-content pre {
      font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
      font-size: 12px;
      line-height: 1.5;
      color: #2d3748;
      white-space: pre-wrap;
      word-wrap: break-word;
      margin: 0;
   }
	
   /* 图片预览样式 */
   .image-preview-container {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 200px;
   }
	
   /* 不支持文件类型的提示样式 */
   .unsupported-preview {
      text-align: center;
      padding: 40px 20px;
      color: #666;
   }
	
   .unsupported-icon {
      font-size: 48px;
      margin-bottom: 16px;
   }
	
   .unsupported-text {
      font-size: 16px;
      font-weight: 600;
      color: #333;
      margin-bottom: 8px;
   }
	
   .unsupported-hint {
      font-size: 14px;
      color: #999;
      line-height: 1.4;
   }
	
   .file-preview-actions {
      display: flex;
      gap: 12px;
      justify-content: center;
   }
	
   .file-preview-btn {
      padding: 8px 20px;
      border: none;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 120px;
   }
	
   .file-preview-btn.download-btn {
      background: linear-gradient(135deg, #2196F3, #1976D2);
      color: white;
   }
	
   .file-preview-btn.download-btn:hover {
      background: linear-gradient(135deg, #1976D2, #1565C0);
      transform: translateY(-1px);
   }
	
   .file-preview-btn.close-btn {
      background: linear-gradient(135deg, #e0e0e0, #bdbdbd);
      color: #444;
   }
	
   .file-preview-btn.close-btn:hover {
      background: linear-gradient(135deg, #bdbdbd, #9e9e9e);
      transform: translateY(-1px);
   }
	
   /* 列表弹窗美化 */
   .attachment-list {
      padding: 0;
      margin: 0;
      list-style: none;
      max-height: 300px;
      overflow-y: auto;
   }
	
   .attachment-list li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 0;
      border-bottom: 1px solid #f0f0f0;
   }
	
   .attachment-info {
      flex: 1;
      margin-right: 10px;
   }
	
   .attachment-name {
      color: #3498db;
      cursor: pointer;
      font-weight: 500;
      transition: color 0.2s;
      display: block;
      margin-bottom: 4px;
   }
	
   .attachment-name:hover {
      color: #217dbb;
      text-decoration: underline;
   }
	
   .attachment-meta {
      font-size: 12px;
   }
	
   .attachment-type {
      color: #7f8c8d;
      font-style: italic;
   }
	
   .attachment-actions {
      display: flex;
      gap: 8px;
      flex-shrink: 0;
   }
	
   .attachment-list .secondary-btn {
      padding: 4px 10px;
      font-size: 13px;
      border-radius: 3px;
      background: #f5f7fa;
      color: #333;
      border: 1px solid #dbe2ea;
      transition: background 0.2s, color 0.2s;
   }
	
   .attachment-list .secondary-btn:hover {
      background: #e6f0fa;
      color: #1976d2;
   }
	
   .preview-btn {
      background: #e8f5e8 !important;
      color: #2e7d2e !important;
      border-color: #a5d6a5 !important;
   }
	
   .preview-btn:hover {
      background: #d4eecc !important;
      color: #1e5f1e !important;
   }
	
   /* 图片放大预览相关样式 */
   .preview-image-clickable {
      transition: transform 0.2s ease;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }
	
   .preview-image-clickable:hover {
      transform: scale(1.02);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   }
	
   .image-zoom-hint {
      text-align: center;
      margin-top: 8px;
      font-size: 12px;
      color: #666;
      font-style: italic;
   }
	
   .image-preview-container {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
   }
</style>