1.巡检管理-已上传的图片和视频预览

gaoluyang

2 天以前 c4439dd57d5550f9deace69a5facbeb68a81f34e

 src/views/inspectionManagement/index.vue

@@ -51,7 +51,11 @@
                  :show-selection="true"
                  :border="true"
                  :maxHeight="480"
                  @edit="handleAdd"></ETable>
                  operationsWidth="130"
                  :operations="['edit', 'viewFile']"
                  @edit="handleAdd"
                  @viewFile="viewFile"
          ></ETable>
        </div>
        <pagination
            v-if="total>0"
@@ -65,6 +69,7 @@
    </el-card>
    <form-dia ref="formDia" @closeDia="handleQuery"></form-dia>
    <qr-code-dia ref="qrCodeDia" @closeDia="handleQuery"></qr-code-dia>
    <view-files ref="viewFiles"></view-files>
  </div>
</template>

@@ -77,9 +82,11 @@
import FormDia from "@/views/inspectionManagement/components/formDia.vue";
import QrCodeDia from "@/views/inspectionManagement/components/qrCodeDia.vue";
import {delInspectionTask, inspectionTaskList} from "@/api/inspectionManagement/index.js";
import ViewFiles from "@/views/inspectionManagement/components/viewFiles.vue";

const formDia = ref()
const qrCodeDia = ref()
const viewFiles = ref()
// 查询参数
const queryParams = reactive({
  supplierName: "",
@@ -154,6 +161,12 @@
    }
  })
};
// 查看附件
const viewFile = (row) => {
  nextTick(() => {
    viewFiles.value?.openDialog(row)
  })
}
// 删除任务
const handleDelete = () => {
  if (selectedRows.value.length === 0) {