对接后台,部分已完成

This commit is contained in:
2021-12-08 14:54:13 +08:00
parent ab898dda04
commit ee44a9f77f
32 changed files with 1556 additions and 877 deletions

View File

@@ -15,6 +15,7 @@
<el-form-item>
<el-date-picker
v-model="dataForm.time"
value-format="yyyy-MM-dd"
type="daterange"
range-separator=""
start-placeholder="开始日期"

View File

@@ -2,24 +2,120 @@
* @Author: zwq
* @Date: 2021-11-19 11:23:44
* @LastEditors: zwq
* @LastEditTime: 2021-11-19 11:31:16
* @LastEditTime: 2021-12-08 10:38:21
* @Description:
-->
<template>
<el-dialog
title="订单详情"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :model="dataForm" ref="dataForm" label-width="80px">
<el-form-item label="参数名" prop="paramKey">
<el-input v-model="dataForm.paramKey" placeholder="参数名"></el-input>
</el-form-item>
<el-form-item label="参数值" prop="paramValue">
<el-input v-model="dataForm.paramValue" placeholder="参数值"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="备注"></el-input>
</el-form-item>
:visible.sync="visible"
>
<el-form :model="dataForm" ref="dataForm" label-width="100px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="任务编码" prop="taskCode">
<el-input
v-model="dataForm.taskCode"
placeholder="任务编码"
readonly
></el-input>
</el-form-item>
<el-form-item label="任务类型" prop="taskType">
<el-input
v-model="dataForm.taskType"
placeholder="任务类型"
readonly
></el-input>
</el-form-item>
<el-form-item label="开始位置" prop="startPosition">
<el-input
v-model="dataForm.startPosition"
placeholder="开始位置"
readonly
></el-input>
</el-form-item>
<el-form-item label="托盘编号" prop="paramKey">
<el-input
v-model="dataForm.paramKey"
placeholder="托盘编号"
readonly
></el-input>
</el-form-item>
<el-form-item label="当前工序" prop="paramKey">
<el-input
v-model="dataForm.paramKey"
placeholder="当前工序"
readonly
></el-input>
</el-form-item>
<el-form-item label="是否到缓存区" prop="paramKey">
<el-input
v-model="dataForm.paramKey"
placeholder="是否到缓存区"
readonly
></el-input>
</el-form-item>
<el-form-item label="任务状态" prop="status">
<el-input
v-model="dataForm.status"
placeholder="任务状态"
readonly
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="任务执行时间" prop="createTime">
<el-input
v-model="dataForm.createTime"
placeholder="任务执行时间"
readonly
></el-input>
</el-form-item>
<el-form-item label="运行车辆名" prop="vehicleName">
<el-input
v-model="dataForm.vehicleName"
placeholder="运行车辆名"
readonly
></el-input>
</el-form-item>
<el-form-item label="目标位位置" prop="targetPosition">
<el-input
v-model="dataForm.targetPosition"
placeholder="目标位位置"
readonly
></el-input>
</el-form-item>
<el-form-item label="任务执行时间" prop="updateTime">
<el-input
v-model="dataForm.updateTime"
placeholder="任务执行时间"
readonly
></el-input>
</el-form-item>
<el-form-item label="下一个工序" prop="paramKey">
<el-input
v-model="dataForm.paramKey"
placeholder="下一个工序"
readonly
></el-input>
</el-form-item>
<el-form-item label="窑炉名称" prop="kilnName">
<el-input
v-model="dataForm.kilnName"
placeholder="窑炉名称"
readonly
></el-input>
</el-form-item>
<el-form-item label="任务完成时间" prop="paramKey">
<el-input
v-model="dataForm.paramKey"
placeholder="任务完成时间"
readonly
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
@@ -28,39 +124,29 @@
</template>
<script>
export default {
data () {
return {
visible: false,
dataForm: {
id: 0,
paramKey: '',
paramValue: '',
remark: ''
}
}
},
methods: {
init (id) {
this.dataForm.id = id || 0
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.$http({
url: this.$http.adornUrl(`/sys/config/info/${this.dataForm.id}`),
method: 'get',
params: this.$http.adornParams()
}).then(({data}) => {
if (data && data.code === 0) {
this.dataForm.paramKey = data.config.paramKey
this.dataForm.paramValue = data.config.paramValue
this.dataForm.remark = data.config.remark
}
})
export default {
data () {
return {
visible: false,
dataForm: {}
}
},
methods: {
init (id) {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
this.$http({
url: this.$http.adornUrl(`/orderInfoHis/getDet`),
method: 'post',
data: this.$http.adornData({ id: id })
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataForm = data.data
}
})
}
})
}
}
}
</script>

View File

@@ -2,91 +2,110 @@
<div class="mod-config">
<el-form :inline="true">
<el-form-item>
<el-button type="success" @click="$router.push({ name: 'report-order-history' })">返回订单历史列表</el-button>
<el-button
type="success"
@click="$router.push({ name: 'report-order-history' })"
>返回订单历史列表</el-button
>
</el-form-item>
</el-form>
<el-table
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
style="width: 100%;"
>
<el-table-column
type="index"
header-align="center"
align="center"
label="序号"
width="50">
width="50"
>
</el-table-column>
<el-table-column
prop="taskCode"
header-align="center"
align="center"
label="任务编码"
>
</el-table-column
><el-table-column
prop="abeginTime"
header-align="center"
align="center"
label="发起时间"
>
</el-table-column>
<el-table-column
prop="aendTime"
header-align="center"
align="center"
label="完成时间"
>
</el-table-column>
<el-table-column
prop="paramKey"
header-align="center"
align="center"
label="任务编码">
</el-table-column><el-table-column
prop="start"
header-align="center"
align="center"
label="发起时间">
label="任务来源"
>
</el-table-column>
<el-table-column
prop="end"
prop="taskType"
header-align="center"
align="center"
label="完成时间">
</el-table-column>
<el-table-column
prop="paramKey"
header-align="center"
align="center"
label="任务来源">
</el-table-column>
<el-table-column
prop="paramValue"
header-align="center"
align="center"
label="任务类型">
label="任务类型"
>
</el-table-column>
<el-table-column
prop="remark"
header-align="center"
align="center"
label="当前工序">
label="当前工序"
>
</el-table-column>
<el-table-column
prop="unit"
header-align="center"
align="center"
label="单位">
label="单位"
>
</el-table-column>
<el-table-column
prop="num"
prop="quantity"
header-align="center"
align="center"
label="数量">
label="数量"
>
</el-table-column>
<el-table-column
prop="weight"
header-align="center"
align="center"
label="重量">
label="重量"
>
</el-table-column>
<el-table-column
prop="start"
prop="startPosition"
header-align="center"
align="center"
label="开始位置">
label="开始位置"
>
</el-table-column>
<el-table-column
prop="end"
prop="targetPosition"
header-align="center"
align="center"
label="目标位置">
label="目标位置"
>
</el-table-column>
<el-table-column
prop="name"
prop="vehicleName"
header-align="center"
align="center"
label="车辆名称">
label="车辆名称"
>
</el-table-column>
</el-table>
<el-pagination
@@ -96,61 +115,67 @@
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
layout="total, sizes, prev, pager, next, jumper"
>
</el-pagination>
</div>
</template>
<script>
export default {
data () {
return {
dataList: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false
}
export default {
data () {
return {
dataList: [],
idenCardNum: '',
orderNo: '',
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false
}
},
activated () {
this.getDataList()
},
created () {
this.orderNo = this.$route.query.orderNo
this.idenCardNum = this.$route.query.idenCardNum
},
methods: {
// 获取数据列表
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/orderInfoHis/getTaskInfo'),
method: 'post',
data: this.$http.adornData({
current: this.pageIndex,
size: this.pageSize,
idenCardNum: this.idenCardNum,
orderNo: this.orderNo
})
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataList = data.data.records
this.totalPage = data.data.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
activated () {
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
created () {
console.log(this.$route.query.id)
},
methods: {
// 获取数据列表
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/config/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
}
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
}
}
}
</script>

View File

@@ -18,45 +18,46 @@
width="50">
</el-table-column>
<el-table-column
prop="paramKey"
prop="idenCardNum"
header-align="center"
align="center"
label="标识卡号">
</el-table-column>
<el-table-column
prop="paramValue"
prop="orderNo"
header-align="center"
align="center"
label="订单名">
</el-table-column>
<el-table-column
prop="remark"
prop="customerName"
header-align="center"
align="center"
label="客户名称">
</el-table-column>
<el-table-column
prop="name"
prop="productName"
header-align="center"
align="center"
label="产品名称">
</el-table-column>
<el-table-column
prop="type"
prop="productModel"
header-align="center"
align="center"
label="产品型号">
</el-table-column>
<el-table-column
prop="card"
prop="materialDes"
header-align="center"
align="center"
label="材料号牌">
</el-table-column>
<el-table-column
prop="need"
prop="craftIll"
header-align="center"
align="center"
width="120"
label="生产工艺要求">
</el-table-column>
<el-table-column
@@ -66,7 +67,7 @@
label="单位">
</el-table-column>
<el-table-column
prop="num"
prop="quantity"
header-align="center"
align="center"
label="数量">
@@ -94,6 +95,7 @@
export default {
data () {
return {
id: '',
dataList: [],
pageIndex: 1,
pageSize: 10,
@@ -106,22 +108,24 @@
},
created () {
console.log(this.$route.query.id)
this.id = this.$route.query.id
},
methods: {
// 获取数据列表
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/config/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize
url: this.$http.adornUrl('/taskDetHis/getTaskDet'),
method: 'post',
data: this.$http.adornData({
'current': this.pageIndex,
'size': this.pageSize,
'currTaskId': this.id
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
this.dataList = data.data.records
this.totalPage = data.data.total
} else {
this.dataList = []
this.totalPage = 0

View File

@@ -19,6 +19,7 @@
<el-form-item>
<el-date-picker
v-model="dataForm.time"
value-format="yyyy-MM-dd"
type="daterange"
range-separator=""
start-placeholder="开始日期"

View File

@@ -2,7 +2,7 @@
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-select v-model="dataForm.card" filterable placeholder="标识卡号">
<el-select v-model="dataForm.idenCardNum" filterable placeholder="标识卡号">
<el-option
v-for="item in options1"
:key="item.value"
@@ -13,7 +13,7 @@
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="dataForm.orderid" filterable placeholder="订单号">
<el-select v-model="dataForm.orderNo" filterable placeholder="订单号">
<el-option
v-for="item in options2"
:key="item.value"
@@ -40,43 +40,43 @@
width="50">
</el-table-column>
<el-table-column
prop="paramKey"
prop="createTime"
header-align="center"
align="center"
label="获取时间">
</el-table-column>
<el-table-column
prop="paramValue"
prop="idenCardNum"
header-align="center"
align="center"
label="标识卡号">
</el-table-column>
<el-table-column
prop="paramKey"
prop="orderNo"
header-align="center"
align="center"
label="订单号">
</el-table-column>
<el-table-column
prop="start"
prop="abeginTime"
header-align="center"
align="center"
label="发起时间">
</el-table-column>
<el-table-column
prop="end"
prop="aendTime"
header-align="center"
align="center"
label="完成时间">
</el-table-column>
<el-table-column
prop="paramKey"
prop="orderSource"
header-align="center"
align="center"
label="任务来源">
</el-table-column>
<el-table-column
prop="paramKey"
prop="status"
header-align="center"
align="center"
label="任务状态">
@@ -88,25 +88,25 @@
label="订单状态">
</el-table-column>
<el-table-column
prop="paramKey"
prop="customerName"
header-align="center"
align="center"
label="客户名称">
</el-table-column>
<el-table-column
prop="paramKey"
prop="productName"
header-align="center"
align="center"
label="产品名称">
</el-table-column>
<el-table-column
prop="card"
prop="materialDes"
header-align="center"
align="center"
label="材料号牌">
</el-table-column>
<el-table-column
prop="paramKey"
prop="quantity"
header-align="center"
align="center"
label="数量">
@@ -118,7 +118,7 @@
width="80"
label="任务详情">
<template slot-scope="scope">
<el-button type="text" size="small" @click="LocationBtn(scope.row.id)">任务详情</el-button>
<el-button type="text" size="small" @click="LocationBtn(scope.row.idenCardNum,scope.row.orderNo)">任务详情</el-button>
</template>
</el-table-column>
<el-table-column
@@ -152,8 +152,8 @@
data () {
return {
dataForm: {
card: '',
orderid: ''
idenCardNum: '',
orderNo: ''
},
dataList: [],
options1: [],
@@ -176,17 +176,18 @@
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/config/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'card': this.dataForm.card
url: this.$http.adornUrl('/orderInfoHis/page'),
method: 'post',
data: this.$http.adornData({
'current': this.pageIndex,
'size': this.pageSize,
'idenCardNum': this.dataForm.idenCardNum,
'orderNo': this.dataForm.orderNo
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
this.dataList = data.data.records
this.totalPage = data.data.total
} else {
this.dataList = []
this.totalPage = 0
@@ -212,8 +213,8 @@
this.$refs.orderDetail.init(id)
})
},
LocationBtn (id) {
this.$router.push({name: 'report-order-history-task', query: {id}})
LocationBtn (idenCardNum, orderNo) {
this.$router.push({name: 'report-order-history-task', query: {idenCardNum, orderNo}})
}
}
}

View File

@@ -1,19 +1,16 @@
<template>
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form
:inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()"
>
<el-form-item>
<el-select v-model="dataForm.card" filterable placeholder="标识卡号">
<el-option
v-for="item in options1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="dataForm.orderid" filterable placeholder="车辆名称">
<el-select
v-model="dataForm.vehicleId"
filterable
placeholder="车辆名称"
>
<el-option
v-for="item in options2"
:key="item.value"
@@ -27,6 +24,7 @@
<el-date-picker
v-model="dataForm.time"
type="daterange"
value-format="yyyy-MM-dd"
range-separator=""
start-placeholder="开始日期"
end-placeholder="结束日期"
@@ -41,76 +39,94 @@
:data="dataList"
border
v-loading="dataListLoading"
style="width: 100%;">
style="width: 100%;"
>
<el-table-column
type="index"
header-align="center"
align="center"
label="序号"
width="50">
width="50"
>
</el-table-column>
<el-table-column
prop="paramKey"
prop="taskCode"
header-align="center"
align="center"
label="任务编码">
label="任务编码"
>
</el-table-column>
<el-table-column
prop="paramValue"
prop="createTime"
header-align="center"
align="center"
label="标识卡号">
label="发起时间"
>
</el-table-column>
<el-table-column
prop="start"
prop="taskSource"
header-align="center"
align="center"
label="发起时间">
label="任务来源"
>
</el-table-column>
<el-table-column
prop="paramKey"
prop="status"
header-align="center"
align="center"
label="任务来源">
label="任务状态"
>
</el-table-column>
<el-table-column
prop="paramKey"
prop="taskType"
header-align="center"
align="center"
label="任务状态">
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="paramKey"
prop="startPosition"
header-align="center"
align="center"
label="任务类型">
label="开始位置"
>
</el-table-column>
<el-table-column
prop="start"
prop="targetPosition"
header-align="center"
align="center"
label="开始位置">
label="目标位置"
>
</el-table-column>
<el-table-column
prop="end"
prop="vehicleName"
header-align="center"
align="center"
label="目标位置">
</el-table-column>
<el-table-column
prop="name"
header-align="center"
align="center"
label="车辆名称">
label="车辆名称"
>
</el-table-column>
<el-table-column
fixed="right"
header-align="center"
align="center"
width="80"
label="订单详情">
label="订单详情"
>
<template slot-scope="scope">
<el-button type="text" size="small" @click="LocationBtn(scope.row.id)">订单详情</el-button>
<el-button type="text" size="small" @click="LocationBtn(scope.row.id)"
>订单详情</el-button
>
</template>
</el-table-column>
</el-table>
@@ -121,70 +137,78 @@
:page-sizes="[10, 20, 50, 100]"
:page-size="pageSize"
:total="totalPage"
layout="total, sizes, prev, pager, next, jumper">
layout="total, sizes, prev, pager, next, jumper"
>
</el-pagination>
</div>
</template>
<script>
export default {
data () {
return {
dataForm: {
card: '',
orderid: '',
time: []
},
dataList: [],
options1: [],
options2: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
orderDetailVisible: false
}
export default {
data () {
return {
dataForm: {
vehicleId: '',
time: []
},
dataList: [],
options2: [],
pageIndex: 1,
pageSize: 10,
totalPage: 0,
dataListLoading: false,
orderDetailVisible: false
}
},
activated () {
this.getDataList()
},
methods: {
// 获取数据列表
getDataList () {
this.dataListLoading = true
console.log(this.dataForm.time)
this.$http({
url: this.$http.adornUrl('/taskHis/taskHis'),
method: 'post',
data: this.$http.adornData({
current: this.pageIndex,
size: this.pageSize,
vehicleId: this.dataForm.vehicleId,
startTime:
this.dataForm.time && this.dataForm.time.length > 0
? this.dataForm.time[0]
: '',
endTime:
this.dataForm.time && this.dataForm.time.length > 0
? this.dataForm.time[1]
: ''
})
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataList = data.data.records
this.totalPage = data.data.total
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
activated () {
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
methods: {
// 获取数据列表
getDataList () {
this.dataListLoading = true
this.$http({
url: this.$http.adornUrl('/sys/config/list'),
method: 'get',
params: this.$http.adornParams({
'page': this.pageIndex,
'limit': this.pageSize,
'card': this.dataForm.card
})
}).then(({data}) => {
if (data && data.code === 0) {
this.dataList = data.page.list
this.totalPage = data.page.totalCount
} else {
this.dataList = []
this.totalPage = 0
}
this.dataListLoading = false
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
LocationBtn (id) {
this.$router.push({name: 'report-task-history-detail', query: {id}})
}
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
LocationBtn (id) {
this.$router.push({ name: 'report-task-history-detail', query: { id } })
}
}
}
</script>