|
|
@@ -0,0 +1,97 @@
|
|
|
+<template>
|
|
|
+ <AidopDemoShell :title="pageTitle" subtitle="只读列表">
|
|
|
+ <el-form :inline="true" :model="query" class="mb12" @submit.prevent>
|
|
|
+ <el-form-item label="厂内设备名称">
|
|
|
+ <el-input v-model="query.equipmentName" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="厂内设备编码">
|
|
|
+ <el-input v-model="query.equipmentCode" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="资产编码">
|
|
|
+ <el-input v-model="query.assetCode" clearable style="width: 200px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="doSearch">查询</el-button>
|
|
|
+ <el-button @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-table :data="rows" row-key="id" v-loading="loading" border stripe>
|
|
|
+ <el-table-column prop="equipmentName" label="厂内设备名称" min-width="150" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="equipmentIdentCode" label="设备识别码" min-width="130" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="importance" label="重要度" min-width="100" resizable />
|
|
|
+ <el-table-column prop="factoryDate" label="出厂日期" min-width="130" resizable />
|
|
|
+ <el-table-column prop="ratedPower" label="额定功率" min-width="110" resizable />
|
|
|
+ <el-table-column prop="manufacturer" label="制造厂商" min-width="150" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="workshop" label="车间" min-width="110" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="keeper" label="保管人" min-width="110" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="standard" label="标准" min-width="100" resizable />
|
|
|
+ <el-table-column prop="operationProcedure" label="设备操作规程" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="equipmentStatus" label="设备状态" min-width="110" resizable />
|
|
|
+ <el-table-column prop="servedYears" label="已服役年限" min-width="120" resizable />
|
|
|
+ <el-table-column prop="remark" label="备注" min-width="160" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="equipmentCode" label="厂内设备编码" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="model" label="型号" min-width="120" show-overflow-tooltip resizable />
|
|
|
+ <el-table-column prop="attachment" label="附件" min-width="100" resizable />
|
|
|
+ <el-table-column prop="suggestedUsageYears" label="建议使用年限" min-width="130" resizable />
|
|
|
+ <el-table-column prop="equipmentTypeName" label="设备类型名称" min-width="140" show-overflow-tooltip resizable />
|
|
|
+ <template #empty>
|
|
|
+ <el-empty description="暂无数据" />
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <div class="pager">
|
|
|
+ <el-pagination
|
|
|
+ v-model:current-page="query.page"
|
|
|
+ v-model:page-size="query.pageSize"
|
|
|
+ :total="total"
|
|
|
+ :page-sizes="[10, 20, 50]"
|
|
|
+ layout="total, sizes, prev, pager, next"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </AidopDemoShell>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts" name="aidopS6EquipmentToolingEquipmentLedger">
|
|
|
+import { computed, reactive, ref } from 'vue';
|
|
|
+import { useRoute } from 'vue-router';
|
|
|
+import AidopDemoShell from '/@/views/aidop/components/AidopDemoShell.vue';
|
|
|
+
|
|
|
+const route = useRoute();
|
|
|
+const pageTitle = computed(() => (route.meta?.title as string) || '生产设备台账');
|
|
|
+
|
|
|
+const query = reactive({
|
|
|
+ equipmentName: '',
|
|
|
+ equipmentCode: '',
|
|
|
+ assetCode: '',
|
|
|
+ page: 1,
|
|
|
+ pageSize: 10,
|
|
|
+});
|
|
|
+
|
|
|
+// 本批次为只读 UI 骨架，尚无真实生产设备台账接口：渲染空表，不发请求、不造数据。
|
|
|
+const loading = ref(false);
|
|
|
+const rows = ref<Record<string, unknown>[]>([]);
|
|
|
+const total = ref(0);
|
|
|
+
|
|
|
+function doSearch() {
|
|
|
+ query.page = 1;
|
|
|
+}
|
|
|
+
|
|
|
+function resetQuery() {
|
|
|
+ query.equipmentName = '';
|
|
|
+ query.equipmentCode = '';
|
|
|
+ query.assetCode = '';
|
|
|
+ query.page = 1;
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.mb12 {
|
|
|
+ margin-bottom: 12px;
|
|
|
+}
|
|
|
+.pager {
|
|
|
+ margin-top: 12px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+</style>
|
YY968XX