factory_web/src/views/wpm/mlog_drawer.vue

147 lines
7.0 KiB
Vue

<template>
<el-drawer v-model="visible" title="日志记录" :size="1000" destroy-on-close @closed="$emit('closed')">
<el-container>
<el-main>
<scTable ref="drawer_table" :apiObj="apiObj" row-key="id" stripe :params="paramsObj">
<!-- <el-table-column type="index" fixed="left" width="40" /> -->
<el-table-column label="变更时间" fixed="left">
<template #default="scope">
<span>{{ scope.row.change_time.slice(0, -3) }}</span>
</template>
</el-table-column>
<el-table-column label="变更类型" fixed="left" prop="action">
<!-- <template #default="scope">
<span v-if="scope.row.action=='create'">新建</span>
<span v-if="scope.row.action=='update'">更改</span>
<span v-if="scope.row.action=='submit'">提交</span>
</template> -->
</el-table-column>
<el-table-column label="变更人" fixed="left" prop="change_user_name">
</el-table-column>
<el-table-column label="工序">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.mgroup_name }}</span>
</template>
</el-table-column>
<el-table-column label="产品编号">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.batch }}</span>
</template>
</el-table-column>
<el-table-column label="加工设备">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.equipment_name }}</span>
</template>
</el-table-column>
<el-table-column label="领用数量">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_use }}</span>
</template>
</el-table-column>
<el-table-column label="加工数量">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_real }}</span>
</template>
</el-table-column>
<el-table-column label="合格数量">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_ok }}</span>
</template>
</el-table-column>
<el-table-column label="不合格数量" align="center">
<el-table-column label="弯曲">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_wq }}</span>
</template>
</el-table-column>
<el-table-column label="炸纹">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_zw }}</span>
</template>
</el-table-column>
<el-table-column label="条纹">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_tw }}</span>
</template>
</el-table-column>
<el-table-column prop="" label="气泡">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_qp }}</span>
</template>
</el-table-column>
<el-table-column label="断裂">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_dl }}</span>
</template>
</el-table-column>
<el-table-column label="偏壁">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_pb }}</span>
</template>
</el-table-column>
<el-table-column prop="" label="大小头">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_dxt }}</span>
</template>
</el-table-column>
<el-table-column label="结石">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_js }}</span>
</template>
</el-table-column>
<el-table-column label="气线">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_qx }}</span>
</template>
</el-table-column>
<el-table-column label="其他">
<template #default="scope">
<span v-if="scope.row.val_new">{{ scope.row.val_new.count_n_qt }}</span>
</template>
</el-table-column>
</el-table-column>
</scTable>
</el-main>
</el-container>
</el-drawer>
</template>
<script>
export default {
emits: ["closed"],
props: {
mlogId: { type: String, default: '' }
},
data() {
return {
visible: false,
apiObj: null,
paramsObj: {
model_name: 'wpm.mlog',
instance_id: ''
},
state_: {
10: "创建中",
14: "已分解",
20: "已下达",
30: "生产中",
40: "已提交",
},
}
},
mounted() {
debugger;
console.log(this.mlogId)
this.paramsObj.instance_id = this.mlogId;
this.apiObj = this.$API.ops.logs.audit;
},
methods: {
handleMtaskQuery() {
this.$refs.drawer_table.queryData(this.paramsObj)
},
open() {
this.visible = true;
return this;
},
}
}
</script>