| | |
| | | type="warning">待保养</el-tag> |
| | | <span v-else>-</span> |
| | | </el-form-item> |
| | | <el-form-item label="设备备件"> |
| | | <span>{{formData.sparePartsNames}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="图片列表"> |
| | | <div v-if="imageList.length > 0" |
| | | class="image-list"> |
| | | <el-image v-for="(image, index) in imagesFile" |
| | | :key="index" |
| | | :src="image.url" |
| | | :src="baseUrl + image.url" |
| | | fit="cover" |
| | | class="image-item" /> |
| | | class="image-item">{{image.url}}</el-image> |
| | | </div> |
| | | <span v-else>-</span> |
| | | </el-form-item> |
| | | <el-form-item label="设备备件"> |
| | | <el-table v-if="sparePartsList.length > 0" |
| | | :data="sparePartsList" |
| | | border |
| | | style="width: 100%"> |
| | | <el-table-column prop="sparePartName" |
| | | label="备件名称" |
| | | width="120" /> |
| | | <el-table-column prop="quantity" |
| | | label="数量" |
| | | width="80" /> |
| | | <el-table-column prop="unit" |
| | | label="单位" |
| | | width="80" /> |
| | | </el-table> |
| | | <span v-else>-</span> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { ref, watch, computed } from "vue"; |
| | | import { ref, watch, computed, getCurrentInstance } from "vue"; |
| | | import dayjs from "dayjs"; |
| | | const { proxy } = getCurrentInstance(); |
| | | |
| | | const props = defineProps({ |
| | | visible: { |
| | |
| | | default: () => ({}), |
| | | }, |
| | | }); |
| | | const baseUrl = proxy.javaApi; |
| | | |
| | | const emit = defineEmits(["update:visible", "close"]); |
| | | |
| | |
| | | maintenanceActuallyTime: "", |
| | | maintenanceResult: "", |
| | | status: "", |
| | | sparePartsNames: "", |
| | | }); |
| | | const imageList = ref([]); |
| | | const sparePartsList = ref([]); |
| | |
| | | : "", |
| | | maintenanceResult: row.maintenanceResult || "", |
| | | status: row.status || 0, |
| | | sparePartsNames: row.sparePartsNames || "", |
| | | }; |
| | | |
| | | // 处理图片列表 |