art: 设备管理-我的待办-点检-增加作业指导图片预览

zhangherong

2025-05-12 021d78a1f6fcfcab2f1ddfc1030c378c8b057507

art: 设备管理-我的待办-点检-增加作业指导图片预览

 src/views/flowable/workflow/InspectionOrder/InspectionOrderHandle.vue

@@ -65,6 +65,11 @@
              <a-input v-model="tableRowRecord.operator_dictText" readOnly/>
            </a-form-model-item>
          </a-col>
          <a-col :span='span'>
            <a-form-model-item label="作业指导">
              <a-button  @click="handlePreview(tableRowRecord.referenceFile)" type="primary" icon="eye">预览</a-button>
            </a-form-model-item>
          </a-col>
        </a-row>

        <a-row>
@@ -190,6 +195,8 @@
        </template>
      </a-form-model>
    </a-spin>

    <lx-file-preview ref="lxFilePreview" :fileUrl="fileUrl"></lx-file-preview>
  </j-modal>
</template>

@@ -309,7 +316,8 @@
        selectedRowKeys: [],
        disableSubmit: false,
        activeTabKey: '1',
        title: ''
        title: '',
        fileUrl: '',
      }
    },
    computed: {
@@ -414,10 +422,11 @@
        })
      },

      autoCompleteForm({ standardName, maintenancePeriod, standardCode }) {
      autoCompleteForm({ standardName, maintenancePeriod, standardCode, referenceFile }) {
        this.$set(this.tableRowRecord, 'standardName', standardName)
        this.$set(this.tableRowRecord, 'maintenancePeriod', maintenancePeriod)
        this.$set(this.tableRowRecord, 'standardCode', standardCode)
        this.$set(this.tableRowRecord, 'referenceFile', referenceFile)
      },

      // 批量选择所有点检结果
@@ -482,6 +491,19 @@
            })
        }
      },
      handlePreview: function (fileJson) {
        if(fileJson) {
          let obj = JSON.parse(fileJson)
          if(obj.filePath) {
            this.$refs.lxFilePreview.preview(obj.filePath);
          }else {
            that.$message.warning('没有上传操作指导图片')
          }
        }else {
          that.$message.warning('没有上传操作指导图片')
        }

      },
    }
  }
</script>