From fa77d6fcb0b770edc33c65ee9b947c34af2c3bf9 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 25 四月 2024 21:23:29 +0800
Subject: [PATCH] 工艺路线修改
---
src/views/tigerprojects/mes/eng/router/index.vue | 146 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 144 insertions(+), 2 deletions(-)
diff --git a/src/views/tigerprojects/mes/eng/router/index.vue b/src/views/tigerprojects/mes/eng/router/index.vue
index 39e7692..da189d3 100644
--- a/src/views/tigerprojects/mes/eng/router/index.vue
+++ b/src/views/tigerprojects/mes/eng/router/index.vue
@@ -1,15 +1,154 @@
<template>
<PageWrapper title="宸ヨ壓娴佺▼鍥�" content="鏍规嵁鐢熶骇宸ヨ壓璁捐宸ヨ壓娴佺▼" contentFullHeight fixedHeight>
- <FlowChart :data="demoData" />
+ <a-layout style="min-height: 100vh">
+ <a-layout-content>
+ <FlowChart :data="demoData" />
+ </a-layout-content>
+ <a-layout-sider
+ width="450"
+ style="background: #fafafa; border-left: 1px solid #d9d9d9; padding: 20px"
+ ><BasicForm
+ autoFocusFirstItem
+ :labelWidth="80"
+ :schemas="schemas"
+ :actionColOptions="{ span: 24 }"
+ :submitButtonOptions="{ text: '纭畾' }"
+ @submit="handleSubmit"
+ @reset="handleReset"
+ /></a-layout-sider>
+ </a-layout>
</PageWrapper>
</template>
<script lang="ts">
import { FlowChart } from '/@/components/FlowChart';
import { PageWrapper } from '/@/components/Page';
+ import { BasicForm, FormSchema } from '/@/components/Form/index';
+ import { getOperAllList } from '/@/api/tigerapi/mes/oper';
+ const isRuter = (type: string) => type === '0';
+ const isOper = (type: string) => type === '1';
+ const schemas: FormSchema[] = [
+ // {
+ // field: 'divider-basic',
+ // component: 'Divider',
+ // label: '灞炴�ч〉',
+ // },
+ {
+ field: 'func_type',
+ label: '灞炴�ч〉',
+ component: 'RadioButtonGroup',
+ defaultValue: '0',
+ componentProps: {
+ options: [
+ { label: '宸ヨ壓娴佺▼', value: '0' },
+ { label: '宸ュ簭', value: '1' },
+ ],
+ },
+ colProps: { lg: 24, md: 24 },
+ },
+ {
+ field: 'OPER_CODE',
+ component: 'ApiSelect',
+ label: '閫夋嫨宸ュ簭',
+ componentProps: {
+ api: getOperAllList,
+ // params: {
+ // id: 1,
+ // },
+ resultField: 'items',
+ labelField: 'OPER_NAME',
+ valueField: 'OPER_CODE',
+ // not request untill to select
+ immediate: false,
+ onChange: (e) => {
+ console.log('selected:', e);
+ },
+ // atfer request callback
+ onOptionsChange: (options) => {
+ console.log('get options', options.length, options);
+ },
+ },
+ ifShow: ({ values }) => isOper(values.func_type),
+ },
+ {
+ field: 'field2',
+ component: 'Input',
+ label: '宸ュ簭绫诲瀷',
+ // componentProps:{},
+ // can func
+ componentProps: ({ schema, formModel }) => {
+ console.log('form:', schema);
+ console.log('formModel:', formModel);
+ return {
+ placeholder: '娴嬭瘯',
+ onChange: (e: any) => {
+ console.log(e);
+ },
+ };
+ },
+ renderComponentContent: () => {
+ return {
+ prefix: () => '宸ュ簭',
+ suffix: () => '绫诲瀷',
+ };
+ },
+ },
+ {
+ field: 'field3',
+ component: 'Select',
+ label: '宸ュ簭琛屼负',
+ componentProps: {
+ options: [
+ {
+ label: '瀛樺偍杩囩▼',
+ value: '1',
+ key: '1',
+ },
+ {
+ label: '鏉＄爜瑙勫垯',
+ value: '2',
+ key: '2',
+ },
+ {
+ label: '琛屼负涓�',
+ value: '3',
+ key: '3',
+ },
+ {
+ label: '琛屼负浜�',
+ value: '4',
+ key: '4',
+ },
+ {
+ label: '琛屼负涓�',
+ value: '5',
+ key: '5',
+ },
+ ],
+ },
+ },
+ {
+ field: 'field4',
+ component: 'Switch',
+ label: '鏄惁璁＄畻鐩撮�氱巼',
+ colProps: {
+ span: 16,
+ },
+ labelWidth: 200,
+ },
+ {
+ field: 'field5',
+ component: 'Switch',
+ label: '鏄惁鍙烦绔�',
+ colProps: {
+ span: 16,
+ },
+ labelWidth: 200,
+ },
+ ];
export default {
- components: { FlowChart, PageWrapper },
+ components: { FlowChart, PageWrapper, BasicForm },
setup() {
let demoData = {
nodes: [
@@ -132,6 +271,9 @@
};
return {
demoData,
+ schemas,
+ handleReset: () => {},
+ handleSubmit: (_values: any) => {},
};
},
};
--
Gitblit v1.9.3