add 窑车使用记录
This commit is contained in:
parent
a861c23d67
commit
675f1f7054
122
src/views/modules/pms/carHistory/config.js
Normal file
122
src/views/modules/pms/carHistory/config.js
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
import TableOperaionComponent from "@/components/noTemplateComponents/operationComponent";
|
||||||
|
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import { timeFilter } from '@/utils/filters'
|
||||||
|
|
||||||
|
export default function () {
|
||||||
|
const tableProps = [
|
||||||
|
{ type: 'index', label: '序号' },
|
||||||
|
{ prop: "createTime", label: "添加时间", filter: timeFilter },
|
||||||
|
{ prop: "code", label: "窑车号" },
|
||||||
|
{ prop: "stateDictValue", label: "状态", filter: v => (v !== null && v !== undefined) ? ['没有数据', '正常', '判废', '过渡'][v] : '-' }, // subcomponent
|
||||||
|
{ prop: "orderCode", label: "订单号" },
|
||||||
|
{ prop: "posCode", label: "位置" },
|
||||||
|
{ prop: "startTime", label: "开始时间", filter: timeFilter },
|
||||||
|
{ prop: "endTime", label: "结束时间", filter: timeFilter },
|
||||||
|
{
|
||||||
|
prop: "operations",
|
||||||
|
name: "操作",
|
||||||
|
fixed: "right",
|
||||||
|
width: 90,
|
||||||
|
subcomponent: TableOperaionComponent,
|
||||||
|
options: [
|
||||||
|
{ name: "to-car-payload", label: "装载详情", icon: 'document' }
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const headFormFields = [
|
||||||
|
// {
|
||||||
|
// prop: 'code',
|
||||||
|
// label: "窑车号",
|
||||||
|
// input: true,
|
||||||
|
// default: { value: "" },
|
||||||
|
// bind: {
|
||||||
|
// placeholder: '请输入窑车号'
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
timerange: true,
|
||||||
|
prop: "timerange",
|
||||||
|
label: "时间段",
|
||||||
|
bind: {
|
||||||
|
placeholder: "选择日期时间",
|
||||||
|
type: "datetimerange",
|
||||||
|
"start-placeholder": "开始时间",
|
||||||
|
"end-placeholder": "结束时间",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
button: {
|
||||||
|
type: "primary",
|
||||||
|
name: "查询",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// button: {
|
||||||
|
// type: "primary",
|
||||||
|
// name: "新增",
|
||||||
|
// permission: "pms:materialStorage:save"
|
||||||
|
// },
|
||||||
|
// bind: {
|
||||||
|
// plain: true,
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
];
|
||||||
|
|
||||||
|
const dialogJustFormConfigs = {
|
||||||
|
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 },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
// 备注:弹窗弹出的时间和网速有关......
|
||||||
|
|
||||||
|
return {
|
||||||
|
dialogConfigs: dialogJustFormConfigs,
|
||||||
|
tableConfig: {
|
||||||
|
table: null, // 此处可省略,el-table 上的配置项
|
||||||
|
column: tableProps, // el-column-item 上的配置项
|
||||||
|
},
|
||||||
|
headFormConfigs: {
|
||||||
|
rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
|
||||||
|
fields: headFormFields, // 名称是由 BaseSearchForm.vue 组件固定的
|
||||||
|
},
|
||||||
|
urls: {
|
||||||
|
// base: "/pms/car",
|
||||||
|
page: "/pms/carHandle/pageHis",
|
||||||
|
pageIsPostApi: true
|
||||||
|
// subase: '/pms/blenderStepParam',
|
||||||
|
// subpage: '/pms/blenderStepParam/page',
|
||||||
|
// more...
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
53
src/views/modules/pms/carHistory/index.vue
Normal file
53
src/views/modules/pms/carHistory/index.vue
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<template>
|
||||||
|
<ListViewWithHead
|
||||||
|
:table-config="tableConfig"
|
||||||
|
:head-config="headFormConfigs"
|
||||||
|
:dialog-configs="dialogConfigs"
|
||||||
|
:listQueryExtra="[{ code }]"
|
||||||
|
attach-list-query-data="code"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import initConfig from "./config";
|
||||||
|
import ListViewWithHead from "@/views/atomViews/ListViewWithHead.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "CarHistoryView",
|
||||||
|
components: { ListViewWithHead },
|
||||||
|
provide() {
|
||||||
|
return {
|
||||||
|
urls: this.allUrls,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
code() {
|
||||||
|
return this.$route.query.code || "";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
|
||||||
|
return {
|
||||||
|
tableConfig,
|
||||||
|
headFormConfigs,
|
||||||
|
allUrls: urls,
|
||||||
|
dialogConfigs,
|
||||||
|
triggerUpdateKey: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route: {
|
||||||
|
handler: function (route) {
|
||||||
|
if (route.query.code) {
|
||||||
|
this.triggerUpdateKey = Math.random().toString();
|
||||||
|
console.log("[$oute changed] val.params.id", route.query.code, this.triggerUpdateKey);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
immediate: true,
|
||||||
|
deep: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped></style>
|
@ -12,9 +12,8 @@ export default function () {
|
|||||||
{ 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: "orderCode", label: "订单号" },
|
||||||
{ prop: "posCode", label: "位置" },
|
{ prop: "posCode", label: "位置" },
|
||||||
{ prop: "startTime", label: "开始时间" },
|
{ prop: "startTime", label: "开始时间", filter: timeFilter },
|
||||||
{ prop: "endTime", label: "结束时间" },
|
{ prop: "endTime", label: "结束时间", filter: timeFilter },
|
||||||
// { prop: "remark", label: "备注" },
|
|
||||||
{
|
{
|
||||||
prop: "operations",
|
prop: "operations",
|
||||||
name: "操作",
|
name: "操作",
|
||||||
|
Loading…
Reference in New Issue
Block a user