add 工厂、产线、工序、物料类型、物料

public/index.html

@@ -37,7 +37,8 @@
   <!-- 开发环境 -->
   <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
     <script>
-    window.SITE_CONFIG['apiURL'] = 'http://192.168.1.103:8080/pms-am';
+    // window.SITE_CONFIG['apiURL'] = 'http://192.168.1.103:8080/pms-am';
+    window.SITE_CONFIG['apiURL'] = 'http://192.168.1.49:8080/pms-am';
     </script>
   <% } %>
   <!-- 集成测试环境 -->

src/views/modules/pms/factory/config.js

@@ -0,0 +1,152 @@
+import TableOperaionComponent from '@/components/noTemplateComponents/operationComponent'
+import TableTextComponent from '@/components/noTemplateComponents/detailComponent'
+import StatusComponent from '@/components/noTemplateComponents/statusComponent'
+import InputArea from 'code-brick-zj'
+
+export default function () {
+
+  const tableProps = [
+    { prop: 'name', label: '工厂名称' },
+    { prop: 'code', label: '工厂编码' },
+    { prop: 'address', label: '地址' },
+    { prop: 'description', label: '描述' },
+    // {
+    //   prop: 'operations',
+    //   name: '操作',
+    //   fixed: 'right',
+    //   width: 120,
+    //   subcomponent: TableOperaionComponent,
+    //   options: ['edit', { name: 'delete', permission: 'pms:blenderStep:delete' }]
+    // }
+  ]
+
+
+  const headFormFields = [
+    {
+      label: '名称',
+      input: true,
+      default: { value: '' }
+    },
+    {
+      button: {
+        type: 'primary',
+        name: '查询'
+      }
+    },
+    // {
+    //   button: {
+    //     type: 'plain',
+    //     name: '新增',
+    //     permission: 'pms:blenderStep:save'
+    //   }
+    // }
+  ]
+
+
+  const dialogConfigs = {
+    menu: [{ name: '混料程序' }, { name: '参数明细', onlyEditMode: true }],
+    form: {
+      url: '/pms/blenderStep',
+      rows: [
+        [
+          { input: true, label: '混料程序名称', prop: 'name', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序名称' } },
+          { input: true, label: '程序编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序编码' } },
+          { input: true, label: '版本号', prop: 'version', elparams: { placeholder: '请输入版本号' } },
+        ],
+        [
+          // {
+          //   select: true,
+          //   label: '城市',
+          //   prop: 'city',
+          //   options: [
+          //     { label: '1', value: 1 },
+          //     { label: '2', value: 2 },
+          //     { label: '3', value: 3 },
+          //   ],
+          //   elparams: { placeholder: '请选择城市' }
+          // },
+          // { input: true, label: '程序号', prop: '', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序号' } },
+        ],
+        // [{ switch: true, label: '状态', prop: 'enabled', default: 0 }],
+        [{ textarea: true, label: '备注', prop: 'remark', elparams: { placeholder: '备注' } }],
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStep:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStep:update', showOnEdit: true },
+        { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+    table: {
+      // extraParams: ['stepId'],
+      extraParams: 'stepId',
+      props: [
+        { prop: 'sort', label: '步骤', isEditField: true },
+        { prop: 'name', label: '参数名称', isEditField: true },
+        { prop: 'description', label: '描述', isEditField: true },
+        { prop: 'value', label: '设定值', isEditField: true },
+        { prop: 'valueFloor', label: '值下限', isEditField: true },
+        { prop: 'valueTop', label: '值上限', isEditField: true },
+        {
+          prop: 'operations',
+          name: '操作',
+          fixed: 'right',
+          width: 120,
+          subcomponent: TableOperaionComponent,
+          options: [
+            { name: 'edit', permission: 'pms:blenderStepParam:update' },
+            { name: 'delete', permission: 'pms:blenderStepParam:delete' },
+          ]
+        }
+      ],
+      data: [
+        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
+      ],
+    },
+
+    subDialog: {
+      extraParam: 'stepId',
+      rows: [
+        [
+          { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },
+          { input: true, label: '步骤描述', prop: 'description', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数名称', prop: 'name', elparams: { placeholder: '请输入参数名称' } },
+          { input: true, label: '参数编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数值上限', prop: 'valueTop', elparams: { placeholder: '请输入参数值上限' } },
+          { input: true, label: '参数值下限', prop: 'valueFloor', elparams: { placeholder: '请输入参数值下限' } },
+        ],
+        [
+          { input: true, label: '参数值', prop: 'value', elparams: { placeholder: '请输入参数值' } },
+        ]
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStepParam:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStepParam:update', showOnEdit: true },
+        //  { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+  };
+
+
+  return {
+    dialogConfigs,
+    tableConfig: {
+      table: null, // 此处可省略，el-table 上的配置项
+      column: tableProps, // el-column-item 上的配置项
+    },
+    headFormConfigs: {
+      rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
+      fields: headFormFields // 名称是由 BaseSearchForm.vue 组件固定的
+    },
+    urls: {
+      base: '/pms/factory',
+      page: '/pms/factory/page',
+      // subase: '/pms/blenderStepParam',
+      // subpage: '/pms/blenderStepParam/page',
+      // more...
+    }
+  }
+}

src/views/modules/pms/factory/index.vue

@@ -0,0 +1,47 @@
+<template>
+	<ListViewWithHead :table-config="tableConfig" :head-config="headFormConfigs" :dialog-configs="dialogConfigs" />
+</template>
+
+<script>
+import initConfig from './config';
+import ListViewWithHead from '@/views/atomViews/ListViewWithHead.vue';
+
+export default {
+	name: 'FactoryView',
+	components: { ListViewWithHead },
+	provide() {
+		return {
+			urls: this.allUrls
+		}
+	}
+		// urls: {
+		// 	type: Object,
+		// 	required: true,
+		// 	default: () => ({
+		// 		/** 列表 url **/ list: null,
+		// 		/** 分页 url **/ page: null,
+		// 		/** 编辑保存 url **/ edit: null,
+		// 		/** 删除条目 url **/ delete: null,
+		// 		/** 详情 url **/ detail: null,
+		// 		/** 导出 url **/ export: null,
+		// 		/** 导入 url **/ import: null,
+		// 		/** 其他 url **/ other: null,
+		// 	}),
+		// },
+	,
+	data() {
+		const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
+		return {
+			tableConfig,
+			headFormConfigs,
+			allUrls: urls,
+			dialogConfigs,
+		};
+	},
+	created() {},
+	mounted() {},
+	methods: {},
+};
+</script>
+
+<style scoped></style>

src/views/modules/pms/material/config.js

@@ -0,0 +1,159 @@
+import TableOperaionComponent from '@/components/noTemplateComponents/operationComponent'
+import TableTextComponent from '@/components/noTemplateComponents/detailComponent'
+import StatusComponent from '@/components/noTemplateComponents/statusComponent'
+import InputArea from 'code-brick-zj'
+import { timeFilter } from '@/utils/filters'
+
+export default function () {
+
+  const tableProps = [
+    { prop: 'createTime', label: '添加时间', filter: timeFilter },
+    { prop: 'name', label: '物料名称' },
+    { prop: 'code', label: '物料编码' },
+    { prop: 'typeDictValue', label: '类别' }, // subcomponent: {/** TODO: create a new component for this option */} },
+    { prop: 'type', label: '物料类型', },
+    { prop: 'enName', label: '英文名称', },
+    { prop: 'enAb', label: '英文缩写', },
+    { prop: 'description', label: '详情', subcomponent: TableTextComponent },
+    { prop: 'remark', label: '备注' },
+    /** TODO: parentId 是用来前端重构成树形结构的... */
+    {
+      prop: 'operations',
+      name: '操作',
+      fixed: 'right',
+      width: 120,
+      subcomponent: TableOperaionComponent,
+      options: ['edit', { name: 'delete', permission: '' }]
+    }
+  ]
+
+
+  const headFormFields = [
+    {
+      label: '物料名称/编码',
+      input: true,
+      default: { value: '' }
+    },
+    {
+      button: {
+        type: 'primary',
+        name: '查询'
+      }
+    },
+    {
+      button: {
+        type: 'plain',
+        name: '新增',
+        permission: ''
+      }
+    }
+  ]
+
+
+  const dialogConfigs = {
+    menu: [{ name: '混料程序' }, { name: '参数明细', onlyEditMode: true }],
+    form: {
+      url: '/pms/blenderStep',
+      rows: [
+        [
+          { input: true, label: '混料程序名称', prop: 'name', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序名称' } },
+          { input: true, label: '程序编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序编码' } },
+          { input: true, label: '版本号', prop: 'version', elparams: { placeholder: '请输入版本号' } },
+        ],
+        [
+          // {
+          //   select: true,
+          //   label: '城市',
+          //   prop: 'city',
+          //   options: [
+          //     { label: '1', value: 1 },
+          //     { label: '2', value: 2 },
+          //     { label: '3', value: 3 },
+          //   ],
+          //   elparams: { placeholder: '请选择城市' }
+          // },
+          // { input: true, label: '程序号', prop: '', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序号' } },
+        ],
+        // [{ switch: true, label: '状态', prop: 'enabled', default: 0 }],
+        [{ textarea: true, label: '备注', prop: 'remark', elparams: { placeholder: '备注' } }],
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStep:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStep:update', showOnEdit: true },
+        { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+    table: {
+      // extraParams: ['stepId'],
+      extraParams: 'stepId',
+      props: [
+        { prop: 'sort', label: '步骤', isEditField: true },
+        { prop: 'name', label: '参数名称', isEditField: true },
+        { prop: 'description', label: '描述', isEditField: true },
+        { prop: 'value', label: '设定值', isEditField: true },
+        { prop: 'valueFloor', label: '值下限', isEditField: true },
+        { prop: 'valueTop', label: '值上限', isEditField: true },
+        {
+          prop: 'operations',
+          name: '操作',
+          fixed: 'right',
+          width: 120,
+          subcomponent: TableOperaionComponent,
+          options: [
+            { name: 'edit', permission: 'pms:blenderStepParam:update' },
+            { name: 'delete', permission: 'pms:blenderStepParam:delete' },
+          ]
+        }
+      ],
+      data: [
+        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
+      ],
+    },
+
+    subDialog: {
+      extraParam: 'stepId',
+      rows: [
+        [
+          { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },
+          { input: true, label: '步骤描述', prop: 'description', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数名称', prop: 'name', elparams: { placeholder: '请输入参数名称' } },
+          { input: true, label: '参数编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数值上限', prop: 'valueTop', elparams: { placeholder: '请输入参数值上限' } },
+          { input: true, label: '参数值下限', prop: 'valueFloor', elparams: { placeholder: '请输入参数值下限' } },
+        ],
+        [
+          { input: true, label: '参数值', prop: 'value', elparams: { placeholder: '请输入参数值' } },
+        ]
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStepParam:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStepParam:update', showOnEdit: true },
+        //  { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+  };
+
+
+  return {
+    dialogConfigs,
+    tableConfig: {
+      table: null, // 此处可省略，el-table 上的配置项
+      column: tableProps, // el-column-item 上的配置项
+    },
+    headFormConfigs: {
+      rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
+      fields: headFormFields // 名称是由 BaseSearchForm.vue 组件固定的
+    },
+    urls: {
+      base: '/pms/materialType',
+      page: '/pms/materialType/page',
+      // subase: '/pms/blenderStepParam',
+      // subpage: '/pms/blenderStepParam/page',
+      // more...
+    }
+  }
+}

src/views/modules/pms/material/index.vue

@@ -0,0 +1,47 @@
+<template>
+	<ListViewWithHead :table-config="tableConfig" :head-config="headFormConfigs" :dialog-configs="dialogConfigs" />
+</template>
+
+<script>
+import initConfig from './config';
+import ListViewWithHead from '@/views/atomViews/ListViewWithHead.vue';
+
+export default {
+	name: 'BlenderView',
+	components: { ListViewWithHead },
+	provide() {
+		return {
+			urls: this.allUrls
+		}
+	}
+		// urls: {
+		// 	type: Object,
+		// 	required: true,
+		// 	default: () => ({
+		// 		/** 列表 url **/ list: null,
+		// 		/** 分页 url **/ page: null,
+		// 		/** 编辑保存 url **/ edit: null,
+		// 		/** 删除条目 url **/ delete: null,
+		// 		/** 详情 url **/ detail: null,
+		// 		/** 导出 url **/ export: null,
+		// 		/** 导入 url **/ import: null,
+		// 		/** 其他 url **/ other: null,
+		// 	}),
+		// },
+	,
+	data() {
+		const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
+		return {
+			tableConfig,
+			headFormConfigs,
+			allUrls: urls,
+			dialogConfigs,
+		};
+	},
+	created() {},
+	mounted() {},
+	methods: {},
+};
+</script>
+
+<style scoped></style>

src/views/modules/pms/materialType/config.js

@@ -0,0 +1,154 @@
+import TableOperaionComponent from '@/components/noTemplateComponents/operationComponent'
+import TableTextComponent from '@/components/noTemplateComponents/detailComponent'
+import StatusComponent from '@/components/noTemplateComponents/statusComponent'
+import InputArea from 'code-brick-zj'
+
+export default function () {
+
+  const tableProps = [
+    { prop: 'name', label: '类型名称' },
+    { prop: 'code', label: '类型编码' },
+    { prop: 'enName', label: '英文名称' },
+    { prop: 'enAb', label: '英文缩写' },
+    { prop: 'description', label: '描述', },
+    { prop: 'remark', label: '备注' },
+    {
+      prop: 'operations',
+      name: '操作',
+      fixed: 'right',
+      width: 120,
+      subcomponent: TableOperaionComponent,
+      options: ['edit', { name: 'delete', permission: '' }]
+    }
+  ]
+
+
+  const headFormFields = [
+    // {
+    //   label: '工序名称/编码',
+    //   input: true,
+    //   default: { value: '' }
+    // },
+    {
+      button: {
+        type: 'primary',
+        name: '查询'
+      }
+    },
+    {
+      button: {
+        type: 'plain',
+        name: '新增',
+        permission: ''
+      }
+    }
+  ]
+
+
+  const dialogConfigs = {
+    menu: [{ name: '混料程序' }, { name: '参数明细', onlyEditMode: true }],
+    form: {
+      url: '/pms/blenderStep',
+      rows: [
+        [
+          { input: true, label: '混料程序名称', prop: 'name', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序名称' } },
+          { input: true, label: '程序编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序编码' } },
+          { input: true, label: '版本号', prop: 'version', elparams: { placeholder: '请输入版本号' } },
+        ],
+        [
+          // {
+          //   select: true,
+          //   label: '城市',
+          //   prop: 'city',
+          //   options: [
+          //     { label: '1', value: 1 },
+          //     { label: '2', value: 2 },
+          //     { label: '3', value: 3 },
+          //   ],
+          //   elparams: { placeholder: '请选择城市' }
+          // },
+          // { input: true, label: '程序号', prop: '', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序号' } },
+        ],
+        // [{ switch: true, label: '状态', prop: 'enabled', default: 0 }],
+        [{ textarea: true, label: '备注', prop: 'remark', elparams: { placeholder: '备注' } }],
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStep:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStep:update', showOnEdit: true },
+        { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+    table: {
+      // extraParams: ['stepId'],
+      extraParams: 'stepId',
+      props: [
+        { prop: 'sort', label: '步骤', isEditField: true },
+        { prop: 'name', label: '参数名称', isEditField: true },
+        { prop: 'description', label: '描述', isEditField: true },
+        { prop: 'value', label: '设定值', isEditField: true },
+        { prop: 'valueFloor', label: '值下限', isEditField: true },
+        { prop: 'valueTop', label: '值上限', isEditField: true },
+        {
+          prop: 'operations',
+          name: '操作',
+          fixed: 'right',
+          width: 120,
+          subcomponent: TableOperaionComponent,
+          options: [
+            { name: 'edit', permission: 'pms:blenderStepParam:update' },
+            { name: 'delete', permission: 'pms:blenderStepParam:delete' },
+          ]
+        }
+      ],
+      data: [
+        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
+      ],
+    },
+
+    subDialog: {
+      extraParam: 'stepId',
+      rows: [
+        [
+          { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },
+          { input: true, label: '步骤描述', prop: 'description', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数名称', prop: 'name', elparams: { placeholder: '请输入参数名称' } },
+          { input: true, label: '参数编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数值上限', prop: 'valueTop', elparams: { placeholder: '请输入参数值上限' } },
+          { input: true, label: '参数值下限', prop: 'valueFloor', elparams: { placeholder: '请输入参数值下限' } },
+        ],
+        [
+          { input: true, label: '参数值', prop: 'value', elparams: { placeholder: '请输入参数值' } },
+        ]
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStepParam:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStepParam:update', showOnEdit: true },
+        //  { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+  };
+
+
+  return {
+    dialogConfigs,
+    tableConfig: {
+      table: null, // 此处可省略，el-table 上的配置项
+      column: tableProps, // el-column-item 上的配置项
+    },
+    headFormConfigs: {
+      rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
+      fields: headFormFields // 名称是由 BaseSearchForm.vue 组件固定的
+    },
+    urls: {
+      base: '/pms/materialType',
+      page: '/pms/materialType/page',
+      // subase: '/pms/blenderStepParam',
+      // subpage: '/pms/blenderStepParam/page',
+      // more...
+    }
+  }
+}

src/views/modules/pms/materialType/index.vue

@@ -0,0 +1,47 @@
+<template>
+	<ListViewWithHead :table-config="tableConfig" :head-config="headFormConfigs" :dialog-configs="dialogConfigs" />
+</template>
+
+<script>
+import initConfig from './config';
+import ListViewWithHead from '@/views/atomViews/ListViewWithHead.vue';
+
+export default {
+	name: 'BlenderView',
+	components: { ListViewWithHead },
+	provide() {
+		return {
+			urls: this.allUrls
+		}
+	}
+		// urls: {
+		// 	type: Object,
+		// 	required: true,
+		// 	default: () => ({
+		// 		/** 列表 url **/ list: null,
+		// 		/** 分页 url **/ page: null,
+		// 		/** 编辑保存 url **/ edit: null,
+		// 		/** 删除条目 url **/ delete: null,
+		// 		/** 详情 url **/ detail: null,
+		// 		/** 导出 url **/ export: null,
+		// 		/** 导入 url **/ import: null,
+		// 		/** 其他 url **/ other: null,
+		// 	}),
+		// },
+	,
+	data() {
+		const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
+		return {
+			tableConfig,
+			headFormConfigs,
+			allUrls: urls,
+			dialogConfigs,
+		};
+	},
+	created() {},
+	mounted() {},
+	methods: {},
+};
+</script>
+
+<style scoped></style>

src/views/modules/pms/productionLine/config.js

@@ -0,0 +1,155 @@
+import TableOperaionComponent from '@/components/noTemplateComponents/operationComponent'
+import TableTextComponent from '@/components/noTemplateComponents/detailComponent'
+import StatusComponent from '@/components/noTemplateComponents/statusComponent'
+import InputArea from 'code-brick-zj'
+
+export default function () {
+
+  const tableProps = [
+    { prop: 'name', label: '产线名称' },
+    { prop: 'code', label: '产线编码' },
+    { prop: 'factory', label: '所属工厂' },
+    { prop: 'status', label: '产线状态', subcomponent: StatusComponent }, // subcomponent
+    { prop: 'tvalue', label: '每小时下片数量', },
+    { prop: 'description', label: '描述', },
+    { prop: 'remark', label: '备注' },
+    {
+      prop: 'operations',
+      name: '操作',
+      fixed: 'right',
+      width: 120,
+      subcomponent: TableOperaionComponent,
+      options: ['edit', { name: 'delete', permission: '' }]
+    }
+  ]
+
+
+  const headFormFields = [
+    {
+      label: '产线名称/编码',
+      input: true,
+      default: { value: '' }
+    },
+    {
+      button: {
+        type: 'primary',
+        name: '查询'
+      }
+    },
+    {
+      button: {
+        type: 'plain',
+        name: '新增',
+        permission: ''
+      }
+    }
+  ]
+
+
+  const dialogConfigs = {
+    menu: [{ name: '混料程序' }, { name: '参数明细', onlyEditMode: true }],
+    form: {
+      url: '/pms/blenderStep',
+      rows: [
+        [
+          { input: true, label: '混料程序名称', prop: 'name', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序名称' } },
+          { input: true, label: '程序编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序编码' } },
+          { input: true, label: '版本号', prop: 'version', elparams: { placeholder: '请输入版本号' } },
+        ],
+        [
+          // {
+          //   select: true,
+          //   label: '城市',
+          //   prop: 'city',
+          //   options: [
+          //     { label: '1', value: 1 },
+          //     { label: '2', value: 2 },
+          //     { label: '3', value: 3 },
+          //   ],
+          //   elparams: { placeholder: '请选择城市' }
+          // },
+          // { input: true, label: '程序号', prop: '', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序号' } },
+        ],
+        // [{ switch: true, label: '状态', prop: 'enabled', default: 0 }],
+        [{ textarea: true, label: '备注', prop: 'remark', elparams: { placeholder: '备注' } }],
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStep:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStep:update', showOnEdit: true },
+        { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+    table: {
+      // extraParams: ['stepId'],
+      extraParams: 'stepId',
+      props: [
+        { prop: 'sort', label: '步骤', isEditField: true },
+        { prop: 'name', label: '参数名称', isEditField: true },
+        { prop: 'description', label: '描述', isEditField: true },
+        { prop: 'value', label: '设定值', isEditField: true },
+        { prop: 'valueFloor', label: '值下限', isEditField: true },
+        { prop: 'valueTop', label: '值上限', isEditField: true },
+        {
+          prop: 'operations',
+          name: '操作',
+          fixed: 'right',
+          width: 120,
+          subcomponent: TableOperaionComponent,
+          options: [
+            { name: 'edit', permission: 'pms:blenderStepParam:update' },
+            { name: 'delete', permission: 'pms:blenderStepParam:delete' },
+          ]
+        }
+      ],
+      data: [
+        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
+      ],
+    },
+
+    subDialog: {
+      extraParam: 'stepId',
+      rows: [
+        [
+          { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },
+          { input: true, label: '步骤描述', prop: 'description', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数名称', prop: 'name', elparams: { placeholder: '请输入参数名称' } },
+          { input: true, label: '参数编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数值上限', prop: 'valueTop', elparams: { placeholder: '请输入参数值上限' } },
+          { input: true, label: '参数值下限', prop: 'valueFloor', elparams: { placeholder: '请输入参数值下限' } },
+        ],
+        [
+          { input: true, label: '参数值', prop: 'value', elparams: { placeholder: '请输入参数值' } },
+        ]
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStepParam:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStepParam:update', showOnEdit: true },
+        //  { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+  };
+
+
+  return {
+    dialogConfigs,
+    tableConfig: {
+      table: null, // 此处可省略，el-table 上的配置项
+      column: tableProps, // el-column-item 上的配置项
+    },
+    headFormConfigs: {
+      rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
+      fields: headFormFields // 名称是由 BaseSearchForm.vue 组件固定的
+    },
+    urls: {
+      base: '/pms/productionLine',
+      page: '/pms/productionLine/page',
+      // subase: '/pms/blenderStepParam',
+      // subpage: '/pms/blenderStepParam/page',
+      // more...
+    }
+  }
+}

src/views/modules/pms/productionLine/index.vue

@@ -0,0 +1,47 @@
+<template>
+	<ListViewWithHead :table-config="tableConfig" :head-config="headFormConfigs" :dialog-configs="dialogConfigs" />
+</template>
+
+<script>
+import initConfig from './config';
+import ListViewWithHead from '@/views/atomViews/ListViewWithHead.vue';
+
+export default {
+	name: 'BlenderView',
+	components: { ListViewWithHead },
+	provide() {
+		return {
+			urls: this.allUrls
+		}
+	}
+		// urls: {
+		// 	type: Object,
+		// 	required: true,
+		// 	default: () => ({
+		// 		/** 列表 url **/ list: null,
+		// 		/** 分页 url **/ page: null,
+		// 		/** 编辑保存 url **/ edit: null,
+		// 		/** 删除条目 url **/ delete: null,
+		// 		/** 详情 url **/ detail: null,
+		// 		/** 导出 url **/ export: null,
+		// 		/** 导入 url **/ import: null,
+		// 		/** 其他 url **/ other: null,
+		// 	}),
+		// },
+	,
+	data() {
+		const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
+		return {
+			tableConfig,
+			headFormConfigs,
+			allUrls: urls,
+			dialogConfigs,
+		};
+	},
+	created() {},
+	mounted() {},
+	methods: {},
+};
+</script>
+
+<style scoped></style>

src/views/modules/pms/workSequence/config.js

@@ -0,0 +1,153 @@
+import TableOperaionComponent from '@/components/noTemplateComponents/operationComponent'
+import TableTextComponent from '@/components/noTemplateComponents/detailComponent'
+import StatusComponent from '@/components/noTemplateComponents/statusComponent'
+import InputArea from 'code-brick-zj'
+
+export default function () {
+
+  const tableProps = [
+    { prop: 'name', label: '工序名称' },
+    { prop: 'code', label: '工序编码' },
+    { prop: 'prdLine', label: '产线名称' },
+    { prop: 'description', label: '描述', },
+    { prop: 'remark', label: '备注' },
+    {
+      prop: 'operations',
+      name: '操作',
+      fixed: 'right',
+      width: 120,
+      subcomponent: TableOperaionComponent,
+      options: ['edit', { name: 'delete', permission: '' }]
+    }
+  ]
+
+
+  const headFormFields = [
+    {
+      label: '工序名称/编码',
+      input: true,
+      default: { value: '' }
+    },
+    {
+      button: {
+        type: 'primary',
+        name: '查询'
+      }
+    },
+    {
+      button: {
+        type: 'plain',
+        name: '新增',
+        permission: ''
+      }
+    }
+  ]
+
+
+  const dialogConfigs = {
+    menu: [{ name: '混料程序' }, { name: '参数明细', onlyEditMode: true }],
+    form: {
+      url: '/pms/blenderStep',
+      rows: [
+        [
+          { input: true, label: '混料程序名称', prop: 'name', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序名称' } },
+          { input: true, label: '程序编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序编码' } },
+          { input: true, label: '版本号', prop: 'version', elparams: { placeholder: '请输入版本号' } },
+        ],
+        [
+          // {
+          //   select: true,
+          //   label: '城市',
+          //   prop: 'city',
+          //   options: [
+          //     { label: '1', value: 1 },
+          //     { label: '2', value: 2 },
+          //     { label: '3', value: 3 },
+          //   ],
+          //   elparams: { placeholder: '请选择城市' }
+          // },
+          // { input: true, label: '程序号', prop: '', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入混料程序号' } },
+        ],
+        // [{ switch: true, label: '状态', prop: 'enabled', default: 0 }],
+        [{ textarea: true, label: '备注', prop: 'remark', elparams: { placeholder: '备注' } }],
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStep:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStep:update', showOnEdit: true },
+        { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+    table: {
+      // extraParams: ['stepId'],
+      extraParams: 'stepId',
+      props: [
+        { prop: 'sort', label: '步骤', isEditField: true },
+        { prop: 'name', label: '参数名称', isEditField: true },
+        { prop: 'description', label: '描述', isEditField: true },
+        { prop: 'value', label: '设定值', isEditField: true },
+        { prop: 'valueFloor', label: '值下限', isEditField: true },
+        { prop: 'valueTop', label: '值上限', isEditField: true },
+        {
+          prop: 'operations',
+          name: '操作',
+          fixed: 'right',
+          width: 120,
+          subcomponent: TableOperaionComponent,
+          options: [
+            { name: 'edit', permission: 'pms:blenderStepParam:update' },
+            { name: 'delete', permission: 'pms:blenderStepParam:delete' },
+          ]
+        }
+      ],
+      data: [
+        // TOOD 暂时用不到，但获取可以考虑把拉取接口数据的函数迁移到此文件（没有太大必要）
+      ],
+    },
+
+    subDialog: {
+      extraParam: 'stepId',
+      rows: [
+        [
+          { input: true, label: '步骤', prop: 'sort', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入步骤' } },
+          { input: true, label: '步骤描述', prop: 'description', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数名称', prop: 'name', elparams: { placeholder: '请输入参数名称' } },
+          { input: true, label: '参数编码', prop: 'code', rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入描述' } },
+        ], [
+          { input: true, label: '参数值上限', prop: 'valueTop', elparams: { placeholder: '请输入参数值上限' } },
+          { input: true, label: '参数值下限', prop: 'valueFloor', elparams: { placeholder: '请输入参数值下限' } },
+        ],
+        [
+          { input: true, label: '参数值', prop: 'value', elparams: { placeholder: '请输入参数值' } },
+        ]
+      ],
+      operations: [
+        { name: 'add', label: '保存', type: 'primary', permission: 'pms:blenderStepParam:save', showOnEdit: false },
+        { name: 'update', label: '更新', type: 'primary', permission: 'pms:blenderStepParam:update', showOnEdit: true },
+        //  { name: 'reset', label: '重置', type: 'warning', showAlways: true },
+        // { name: 'cancel', label: '取消', showAlways: true },
+      ],
+    },
+  };
+
+
+  return {
+    dialogConfigs,
+    tableConfig: {
+      table: null, // 此处可省略，el-table 上的配置项
+      column: tableProps, // el-column-item 上的配置项
+    },
+    headFormConfigs: {
+      rules: null, // 名称是由 BaseSearchForm.vue 组件固定的
+      fields: headFormFields // 名称是由 BaseSearchForm.vue 组件固定的
+    },
+    urls: {
+      base: '/pms/workSequence',
+      page: '/pms/workSequence/page',
+      // subase: '/pms/blenderStepParam',
+      // subpage: '/pms/blenderStepParam/page',
+      // more...
+    }
+  }
+}

src/views/modules/pms/workSequence/index.vue

@@ -0,0 +1,47 @@
+<template>
+	<ListViewWithHead :table-config="tableConfig" :head-config="headFormConfigs" :dialog-configs="dialogConfigs" />
+</template>
+
+<script>
+import initConfig from './config';
+import ListViewWithHead from '@/views/atomViews/ListViewWithHead.vue';
+
+export default {
+	name: 'BlenderView',
+	components: { ListViewWithHead },
+	provide() {
+		return {
+			urls: this.allUrls
+		}
+	}
+		// urls: {
+		// 	type: Object,
+		// 	required: true,
+		// 	default: () => ({
+		// 		/** 列表 url **/ list: null,
+		// 		/** 分页 url **/ page: null,
+		// 		/** 编辑保存 url **/ edit: null,
+		// 		/** 删除条目 url **/ delete: null,
+		// 		/** 详情 url **/ detail: null,
+		// 		/** 导出 url **/ export: null,
+		// 		/** 导入 url **/ import: null,
+		// 		/** 其他 url **/ other: null,
+		// 	}),
+		// },
+	,
+	data() {
+		const { tableConfig, headFormConfigs, urls, dialogConfigs } = initConfig.call(this);
+		return {
+			tableConfig,
+			headFormConfigs,
+			allUrls: urls,
+			dialogConfigs,
+		};
+	},
+	created() {},
+	mounted() {},
+	methods: {},
+};
+</script>
+
+<style scoped></style>