<!--
|
* @Author: lzhe lzhe@example.com
|
* @Date: 2024-04-26 09:36:18
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-11-22 18:45:06
|
* @FilePath: /smart-web/src/views/mdc/status-record.vue
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
-->
|
<template>
|
<el-main style="height: 100%;" class="timeAnalysis">
|
<el-card shadow="never" body-style="height: 100%;padding: 0;" style="margin-bottom: 12px;">
|
<div class="detailModel" v-for="item in detailModelList">
|
<div>
|
<div class="">零件名称</div><div><process-charts></process-charts></div>
|
</div>
|
<div>
|
<div>开始时间</div><div><process-charts></process-charts></div>
|
</div>
|
<div>
|
<div>结束时间</div><div><process-charts></process-charts></div>
|
</div>
|
<div>
|
<div>加工机床</div><div><process-charts></process-charts></div>
|
</div>
|
<div class="modelBtn">
|
<el-button type="primary" @click="goFirstWorkProcess">过程分析</el-button>
|
</div>
|
</div>
|
</el-card>
|
<el-card body-style="height: 100%;padding: 0;" style="margin-bottom: 12px;">
|
<el-table :data="tableData" border @selection-change="handleSelectionChange">
|
<el-table-column prop="test" label="序号" width="60"></el-table-column>
|
<el-table-column prop="test" label="零件号" width="80"></el-table-column>
|
<el-table-column prop="test" label="工序号" width="80"></el-table-column>
|
<el-table-column prop="test" label="版次" width="60"></el-table-column>
|
<el-table-column prop="test" label="机床" width="60"></el-table-column>
|
<el-table-column prop="test" label="开机时间" width="80"></el-table-column>
|
<el-table-column prop="test" label="结束时间" width="80"></el-table-column>
|
<el-table-column prop="test" label="占机时间" width="100"></el-table-column>
|
<el-table-column prop="test" label="装夹调试时间" width="100"></el-table-column>
|
<el-table-column prop="test" label="首件切削时间" width="100"></el-table-column>
|
<el-table-column prop="test" label="首件切削时间" width="100"></el-table-column>
|
<el-table-column prop="test" label="末件拆卸时间" width="100"></el-table-column>
|
<el-table-column prop="test" label="首件计量时间" width="100"></el-table-column>
|
<el-table-column prop="test" label="加工时间" width="80"></el-table-column>
|
<el-table-column prop="test" label="准备时间" width="80"></el-table-column>
|
<el-table-column prop="test" label="单件工时" width="80"></el-table-column>
|
<el-table-column prop="test" label="数量" width="60"></el-table-column>
|
</el-table>
|
<el-footer>
|
<el-button type="primary">输出</el-button>
|
</el-footer>
|
</el-card>
|
</el-main>
|
</template>
|
|
<script>
|
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
|
let icons = []
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
icons.push(key)
|
}
|
import * as echarts from 'echarts';
|
import processCharts from './components/process-charts.vue';
|
export default {
|
components: {
|
...ElementPlusIconsVue,processCharts
|
},
|
data() {
|
return {
|
detailModelList: [{},{}],
|
tableData: []
|
}
|
},
|
created() {
|
for(var i=0;i<10;i++) {
|
this.tableData.push({test: 1})
|
}
|
},
|
mounted() {
|
},
|
methods: {
|
handleSelectionChange() {
|
|
},
|
goFirstWorkProcess() {
|
this.$router.push({path: `/mdc/first-workpiece-process`,query: {id:1}})
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.detailModel > div {
|
height: 32px;
|
display: flex;
|
align-items: center;
|
margin-bottom: 8px;
|
}
|
.detailModel > div > div:nth-child(1) {
|
margin-right:8px;
|
width: 80px;
|
}
|
.detailModel > div > div:nth-child(2) {
|
flex:1;
|
}
|
.detailModel {
|
padding-left: 16px;
|
padding-right: 12px;
|
padding-top: 6px;
|
padding-bottom: 6px;
|
margin-bottom: 12px;
|
border: 1px solid #e4e7ed;
|
border-radius: 4px;
|
width: 90%;
|
position: relative;
|
}
|
.detailModel:last-child {
|
margin-bottom: 0px;
|
}
|
.detailModel .modelBtn {
|
position: absolute;
|
top: 35%;
|
left: 100%;
|
margin-left:22px;
|
}
|
</style>
|
