新增设备维修保养过程描述,上传对应附件

chenhj

5 天以前 2fc58fbb10745abd97168b8da21d4142e11d7f2e

 src/views/equipmentManagement/repair/index.vue

@@ -119,6 +119,14 @@
            编辑
          </el-button>
          <el-button
              type="primary"
              text
              icon="editPen"
              @click="showImage(row)"
          >
            附件
          </el-button>
          <el-button
            type="danger"
            text
            icon="delete"
@@ -131,17 +139,19 @@
    </div>
    <RepairModal ref="repairModalRef" @ok="getTableData" />
    <MaintainModal ref="maintainModalRef" @ok="getTableData" />
    <ImagePreviewDialog v-model:model-value="showImages" :images="imageUrls" />
  </div>
</template>

<script setup>
import { usePaginationApi } from "@/hooks/usePaginationApi";
import { getRepairPage, delRepair } from "@/api/equipmentManagement/repair";
import {getRepairPage, delRepair, getRepairById} from "@/api/equipmentManagement/repair";
import { onMounted, getCurrentInstance } from "vue";
import RepairModal from "./Modal/RepairModal.vue";
import { ElMessageBox, ElMessage } from "element-plus";
import dayjs from "dayjs";
import MaintainModal from "./Modal/MaintainModal.vue";
import ImagePreviewDialog from "@/components/ImagePreview/ImagePreviewDialog.vue";

defineOptions({
  name: "设备报修",
@@ -152,6 +162,9 @@
// 模态框实例
const repairModalRef = ref();
const maintainModalRef = ref();

const showImages = ref(false)
const imageUrls = ref([])

// 表格多选框选中项
const multipleList = ref([]);
@@ -231,7 +244,7 @@
      dataType: "slot",
      slot: "operation",
      align: "center",
      width: "200px",
      width: "300px",
    },
  ]
);
@@ -309,6 +322,12 @@
    });
};

const showImage = async (row) => {
  const {data} = await getRepairById(row.id)
  imageUrls.value = data?.files.map((item) => item.url)
  showImages.value = true
}

onMounted(() => {
  getTableData();
});