191 lines
4.7 KiB
Vue
191 lines
4.7 KiB
Vue
<template>
|
|
<div>
|
|
<el-row type="flex" justify="space-around">
|
|
<el-col :span="6">
|
|
<el-card class="box-card" shadow="hover" @click.native="$router.push({ name: 'orderProcess' })">
|
|
<icon-svg class="iconClass" name="guolu"></icon-svg>
|
|
<h2>进工业炉加工</h2>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-card class="box-card" shadow="hover" @click.native="$router.push({ name: 'exWarehouse' })">
|
|
<icon-svg class="iconClass" name="chuku"></icon-svg>
|
|
<h2>出库</h2>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="6">
|
|
<el-card class="box-card" shadow="hover" @click.native="$router.push({ name: 'addProcess' })">
|
|
<icon-svg class="iconClass" name="zaijiagong"></icon-svg>
|
|
<h2>追加加工</h2>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="mod-log">
|
|
<h3>当前任务列表</h3>
|
|
<el-table
|
|
:data="dataList"
|
|
border
|
|
height="500px"
|
|
v-loading="dataListLoading"
|
|
style="width: 100%"
|
|
>
|
|
<el-table-column
|
|
type="index"
|
|
header-align="center"
|
|
align="center"
|
|
label="序号"
|
|
width="50"
|
|
></el-table-column>
|
|
<el-table-column
|
|
prop="taskCode"
|
|
header-align="center"
|
|
align="center"
|
|
label="任务编号"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="idens"
|
|
header-align="center"
|
|
align="center"
|
|
label="标识卡"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{
|
|
scope.row.idens.join("|")
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="materials"
|
|
header-align="center"
|
|
align="center"
|
|
label="物料名"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{
|
|
scope.row.materials.join("|")
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="customers"
|
|
header-align="center"
|
|
align="center"
|
|
label="客户"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{
|
|
scope.row.customers.join("|")
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="kilnName"
|
|
header-align="center"
|
|
align="center"
|
|
label="窑炉"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="status"
|
|
header-align="center"
|
|
align="center"
|
|
label="当前状态"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="taskType"
|
|
header-align="center"
|
|
align="center"
|
|
label="任务类型"
|
|
>
|
|
<template slot-scope="scope">
|
|
<span>{{
|
|
scope.row.taskType === 0
|
|
? "缓存到窑炉加工"
|
|
: scope.row.taskType === 1
|
|
? "出炉到缓存"
|
|
: scope.row.taskType === 2
|
|
? "缓存出库"
|
|
: "入库缓存"
|
|
}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="startPosition"
|
|
header-align="center"
|
|
align="center"
|
|
label="开始位置"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="targetPosition"
|
|
header-align="center"
|
|
align="center"
|
|
label="目标位置"
|
|
>
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="locationName"
|
|
header-align="center"
|
|
align="center"
|
|
label="库位"
|
|
>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
dataList: [],
|
|
pageIndex: 1,
|
|
pageSize: 500,
|
|
dataListLoading: false
|
|
}
|
|
},
|
|
created () {
|
|
this.getDataList()
|
|
},
|
|
methods: {
|
|
// 获取数据列表
|
|
getDataList () {
|
|
this.dataListLoading = true
|
|
this.$http({
|
|
url: this.$http.adornUrl('/currTask/mainCurrentTaskNow'),
|
|
method: 'post',
|
|
data: this.$http.adornData({
|
|
current: this.pageIndex,
|
|
size: this.pageSize
|
|
})
|
|
}).then(({ data }) => {
|
|
if (data && data.code === 0) {
|
|
this.dataList = data.data.records
|
|
} else {
|
|
this.dataList = []
|
|
}
|
|
this.dataListLoading = false
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.mod-log {
|
|
margin-top: 100px;
|
|
}
|
|
.box-card{
|
|
background-color: rgb(235, 254, 255);
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.iconClass{
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
</style>
|