1.XJ新增照片查看，不良描述

fcx

2025-12-02 a177ad6532fcdc1e9d2b3910276bd88d04791469

 pages/QC/XJ/detail.vue

@@ -76,7 +76,7 @@
              <view class="info-value">{{ formData.result }}</view>
            </view>
            <view v-if="formData.remarks" class="info-item">
              <view class="info-label">不合格描述</view>
              <view class="info-label">备注</view>
              <view class="info-value danger">{{ formData.remarks }}</view>
            </view>
          </view>
@@ -94,9 +94,14 @@

          <view class="input-group input1">
            <view class="input-wrapper">
              <button class="btn upload-btn" @click="chooseImage">
                <uni-icons type="upload" size="16" color="#fff"></uni-icons>
                上传/查看图片
              </button>
              <input v-if="tableData.length < formData.levelNum" v-model="formData.fcheckResu" class="result-input"
                     placeholder="请输入检验结果..." type="number"/>
              <button v-if="tableData.length < formData.levelNum" class="btn primary-btn" @click="submit">保存结果
              <button v-if="tableData.length < formData.levelNum" class="btn primary-btn" @click="submit" style="margin: 0;">保存结果 
			   
              </button>
              <button v-if="isShowImg" class="btn upload-btn" @click="previewImage">
                <uni-icons color="#fff" size="16" type="image"></uni-icons>
@@ -104,7 +109,7 @@
              </button>
              <button class="btn upload-btn" @click="saveRemarks">
                <uni-icons color="#fff" size="16" type="compose"></uni-icons>
                不合格描述
                备注
              </button>
            </view>
          </view>
@@ -112,13 +117,17 @@
          <!-- 响应式设计的第二个输入组 -->
          <view class="input-group input2">
            <view class="input-wrapper">
              <button class="btn upload-btn" @click="chooseImage">
                <uni-icons type="upload" size="16" color="#fff"></uni-icons>
                上传/查看图片
              </button>
              <button v-if="isShowImg" class="btn upload-btn" @click="previewImage">
                <uni-icons color="#fff" size="16" type="image"></uni-icons>
                查看图片
              </button>
              <button class="btn upload-btn" @click="saveRemarks">
                <uni-icons color="#fff" size="16" type="compose"></uni-icons>
                不合格描述
                备注
              </button>
            </view>
            <view class="input-wrapper" style="margin-top: 15px;">
@@ -181,14 +190,14 @@
        </view>
      </view>

      <!-- 弹出层 - 不合格描述 -->
      <!-- 弹出层 - 备注 -->
      <view v-if="remarksPopup" class="overlay">
        <view class="popup">
          <h3>修改不合格描述</h3>
          <h3>修改备注</h3>
          <form>
            <view class="form-group">
              <label class="form-label">不合格描述:</label>
              <input v-model="remarks" class="form-input" placeholder="请输入不合格描述" type="text"/>
              <label class="form-label">备注:</label>
              <input v-model="remarks" class="form-input" placeholder="请输入备注" type="text"/>
            </view>
            <view class="popup-buttons">
              <button class="btn primary-btn" type="warn" @click="editRemarks">修改</button>
@@ -299,8 +308,16 @@
          return;
        }

        if (this.formData.fcheckResu >= this.formData.minValue && this.formData.fcheckResu <= this.formData
            .maxValue) {
        let checkValue = Number(this.formData.fcheckResu);
        let minValue = Number(this.formData.minValue);
        let maxValue = Number(this.formData.maxValue);

        if (isNaN(checkValue) || isNaN(minValue) || isNaN(maxValue)) {
          this.$showMessage("检验值或范围值格式不正确，请检查输入");
          return;
        }

        if (checkValue >= minValue && checkValue <= maxValue) {
          fstand = "√"
        } else {
          fstand = "×";
@@ -348,6 +365,10 @@
        }
      }).then(res => {
        this.formData = res.data.tbBillList.itemXj01;
        // 确保formData包含id属性，用于图片上传功能
        if (!this.formData.id && this.id) {
          this.formData.id = this.id;
        }

        this.tableData = res.data.tbBillList.itemXj02s;

@@ -385,8 +406,16 @@
          return;
        }

        if (this.editData.fcheckResu >= this.formData.minValue && this.editData.fcheckResu <= this.formData
            .maxValue) {
        let checkValue = Number(this.editData.fcheckResu);
        let minValue = Number(this.formData.minValue);
        let maxValue = Number(this.formData.maxValue);

        if (isNaN(checkValue) || isNaN(minValue) || isNaN(maxValue)) {
          this.$showMessage("检验值或范围值格式不正确，请检查输入");
          return;
        }

        if (checkValue >= minValue && checkValue <= maxValue) {
          this.editData.isPass = 1
        } else {
          this.editData.isPass = 0
@@ -427,7 +456,6 @@
      })
    },
    numberEdit(item) {

      let fstand = "√";
      let fcheckResu = 1;

@@ -450,6 +478,12 @@
        this.$showMessage("修改成功");
        this.refreshResult(); //刷新页面
      })
    },
    // 上传图片
    chooseImage() {
      uni.navigateTo({
        url: 'ImageItem?id=666' + this.formData.id + '&gid=' + this.gid
      });
    },
    saveRemarks() {
      this.remarksPopup = !this.remarksPopup;
@@ -645,6 +679,12 @@
      color: #fff;
      padding: 0 10px;
      margin: 0;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      border-radius: 4px;
    }
  }
}
@@ -955,6 +995,13 @@
  &.primary-btn {
    background-color: $primary-color;
    color: #fff;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 4px;
    padding: 0 20px;
  }

  &.danger-btn {