update 装载详情

This commit is contained in:
lb 2023-03-23 11:16:19 +08:00
parent 1df948e577
commit 85b9736f09
3 changed files with 63 additions and 80 deletions

View File

@ -1,6 +1,7 @@
<template>
<el-dialog
class="dialog-car-payload"
title="装载详情"
:visible="dialogVisible"
@close="handleClose"
:destroy-on-close="false"
@ -19,6 +20,7 @@
<!-- @operate-event="handleOperate" -->
<el-pagination
v-if="showPaination"
class="mt-5 flex justify-end"
@size-change="handleSizeChange"
@current-change="handlePageChange"
@ -64,6 +66,8 @@ export default {
dataList: [],
tableLoading: false,
refreshLayoutKey: null,
id: null,
showPaination: false,
};
},
created() {},
@ -83,7 +87,8 @@ export default {
console.log("[*] 传入car payload对话框的id是", id);
return;
}
this.showPaination = false;
this.id = id;
this.tableLoading = true;
this.getList();
},
@ -99,36 +104,23 @@ export default {
limit: this.size,
};
if (!queryParams && this.listQueryExtra && this.listQueryExtra.length) {
this.listQueryExtra.map((nameOrObj) => {
if (typeof nameOrObj === "string") params[nameOrObj] = "";
else if (typeof nameOrObj === "object") {
Object.keys(nameOrObj).forEach((key) => {
params[key] = nameOrObj[key];
});
}
});
}
this.$http[this.urls.pageIsPostApi ? "post" : "get"](
this.urls.page,
this.urls.pageIsPostApi
? {
...params,
}
: {
params,
}
)
this.$http
.get(this.urls.base + `/${this.id}`, {
params,
})
.then(({ data: res }) => {
console.log("[http response] res is: ", res);
console.log("[car payload dialog] [http response] res is: ", res);
if (res.code === 0) {
// page :
if ("list" in res.data) {
this.dataList = res.data.list;
this.totalPage = res.data.total;
this.showPaination = true;
}
if (Array.isArray(res.data)) {
this.dataList = res.data;
this.totalPage = 0;
} else {
this.dataList.splice(0);
this.totalPage = 0;
@ -193,4 +185,9 @@ export default {
};
</script>
<style scoped></style>
<style scoped>
.dialog-car-payload >>> .el-dialog__body {
padding: 5px 20px 20px;
}
</style>

View File

@ -65,40 +65,27 @@ export default function () {
];
const dialogJustFormConfigs = {
carPayloadDialog: true,
clickModalToClose: true,
form: {
rows: [
[
{
input: true,
label: "窑车号",
prop: "code",
rules: { required: true, message: "必填项不能为空", trigger: "blur" },
elparams: { placeholder: "请输入窑车号" },
},
// {
// input: true,
// label: "编码",
// prop: "code",
// rules: { required: true, message: "必填项不能为空", trigger: "blur" },
// elparams: { placeholder: "请输入料仓编码" },
// },
],
// [{ component: QuillRichInput, label: "描述信息", prop: "description" }],
[{
richInput: true, label: "描述信息", prop: "description"
}],
[{ input: true, label: "备注", prop: "remark", elparams: { placeholder: "备注" } }],
],
operations: [
{ name: "add", label: "保存", type: "primary", permission: "pms:car:save", showOnEdit: false },
{ name: "update", label: "更新", type: "primary", permission: "pms:car:update", showOnEdit: true },
{ name: "reset", label: "重置", type: "warning", showAlways: true },
// { name: 'cancel', label: '取消', showAlways: true },
tableConfig: {
table: null,
column: [
// 窑车的 装载详情
// tableProps
{ type: "index", label: "序号" },
{ prop: "orderCode", label: "订单号" },
{ prop: "bomCode", label: "配方号" },
{ prop: "shapeCode", label: "砖型编码" },
{ width: 160, prop: "qty", label: "订单对应数量" },
{ prop: "goodqty", label: "合格数量" },
{ prop: "badqty", label: "废砖数量" },
{ prop: "startTime", label: "开始时间" },
{ prop: "endTime", label: "结束时间" },
// { prop: "remark", label: "备注" },
],
},
};
// 备注:弹窗弹出的时间和网速有关......
return {
dialogConfigs: dialogJustFormConfigs,
@ -111,7 +98,7 @@ export default function () {
fields: headFormFields, // 名称是由 BaseSearchForm.vue 组件固定的
},
urls: {
// base: "/pms/car",
base: "/pms/carHandle",
page: "/pms/carHandle/pageHis",
pageIsPostApi: true
// subase: '/pms/blenderStepParam',

View File

@ -1,13 +1,13 @@
import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
import request from "@/utils/request";
import { timeFilter } from '@/utils/filters'
import { timeFilter } from "@/utils/filters";
export default function () {
const tableProps = [
{ type: 'index', label: '序号' },
{ type: "index", label: "序号" },
{ prop: "createTime", label: "添加时间", filter: timeFilter },
{ prop: "code", label: "窑车号" },
{ prop: "stateDictValue", label: "状态", filter: v => (v !== null && v !== undefined) ? ['没有数据', '正常', '判废', '过渡'][v] : '-' }, // subcomponent
{ prop: "stateDictValue", label: "状态", filter: (v) => (v !== null && v !== undefined ? ["没有数据", "正常", "判废", "过渡"][v] : "-") }, // subcomponent
{ prop: "orderCode", label: "订单号" },
{ prop: "posCode", label: "位置" },
{ prop: "startTime", label: "开始时间", filter: timeFilter },
@ -19,8 +19,8 @@ export default function () {
width: 90,
subcomponent: TableOperaionComponent,
options: [
{ name: "to-car-payload", label: "装载详情", icon: 'document' },
{ name: "to-car-history", label: "查看历史", emitFull: true, icon: 'time' }
{ name: "to-car-payload", label: "装载详情", icon: "document" },
{ name: "to-car-history", label: "查看历史", emitFull: true, icon: "time" },
// { name: "edit", label: "编辑", icon: "edit-outline" },
// { name: "delete", icon: "delete", label: "删除", emitFull: true, permission: "pms:car:delete" }
],
@ -29,14 +29,14 @@ export default function () {
const headFormFields = [
{
prop: 'code',
prop: "code",
label: "窑车号",
input: true,
default: { value: "" },
bind: {
// placeholder: '请输入产线名称或编码'
placeholder: '请输入窑车号'
}
placeholder: "请输入窑车号",
},
},
{
button: {
@ -56,28 +56,27 @@ export default function () {
// },
];
/**
* dialog config 有两个版本一个适用于 DialogWithMenu 组件另一个适用于 DialogJustForm 组件
* 适用于 DialogWithMenu 组件的配置示例详见 blenderStep/config.js
* 此为后者的配置:
*/
const dialogJustFormConfigs = {
carPayloadDialog: true,
clickModalToClose: true,
tableConfig: {
table: null,
column: [
// 窑车的 装载详情
// tableProps
{ prop: "name", label: "名称" },
{ prop: "code", label: "编码" },
{ prop: "sumqty", label: " 配方总重量" },
{ prop: "shortDesc", label: "物料销售文本短描述" },
{ prop: "description", label: "物料销售文本描述" },
{ prop: "remark", label: "备注" },
]
}
{ type: "index", label: "序号" },
{ prop: "orderCode", label: "订单号" },
{ prop: "bomCode", label: "配方号" },
{ prop: "shapeCode", label: "砖型编码" },
{ width: 160, prop: "qty", label: "订单对应数量" },
{ prop: "goodqty", label: "合格数量" },
{ prop: "badqty", label: "废砖数量" },
{ prop: "startTime", label: "开始时间" },
{ prop: "endTime", label: "结束时间" },
// { prop: "remark", label: "备注" },
],
},
};
// 备注:弹窗弹出的时间和网速有关......
return {
dialogConfigs: dialogJustFormConfigs,
@ -90,9 +89,9 @@ export default function () {
fields: headFormFields, // 名称是由 BaseSearchForm.vue 组件固定的
},
urls: {
// base: "/pms/carHandle/pageView",
base: "/pms/carHandle",
page: "/pms/carHandle/pageView",
pageIsPostApi: true
pageIsPostApi: true,
// subase: '/pms/blenderStepParam',
// subpage: '/pms/blenderStepParam/page',
// more...