From 5a4d79d9765dfca8812638b57d5f5fe21f7a06ee Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期二, 16 七月 2024 17:05:25 +0800 Subject: [PATCH] 工单下发更新 --- src/views/tigerprojects/mes/eng/route/index.vue | 174 ++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 116 insertions(+), 58 deletions(-) diff --git a/src/views/tigerprojects/mes/eng/route/index.vue b/src/views/tigerprojects/mes/eng/route/index.vue index 0c3ead0..7c9646d 100644 --- a/src/views/tigerprojects/mes/eng/route/index.vue +++ b/src/views/tigerprojects/mes/eng/route/index.vue @@ -17,17 +17,19 @@ :reverseArrow="true" collapsedWidth="0" width="400" - style="background: #fafafa; border-left: 1px solid #d9d9d9; padding: 10px" + style="padding: 10px; border-left: 1px solid #d9d9d9; background: #fafafa" :zeroWidthTriggerStyle="{ 'margin-top': '-70px', 'background-color': 'gray' }" > - <PropsPanel ref="propsPanel" - :activeKey="routeConfig.activeKey" - :IsOperation="IsOperation" + <PropsPanel + ref="propsPanel" + :activeKey="routeConfig.activeKey" + :IsOperation="IsOperation" :title="title" :posttitle="posttitle" - :colSlots="colSlots" - :crudColSlots="crudColSlots" - :entityName="entityName"> + :entityName="entityName" + @change-name="changeName" + @change-node-name="changeNodeName" + > <!-- <template v-for="item of formConfig.schemas" #[`${item.component}Props`]="data"> <slot :name="`${item.component}Props`" @@ -42,7 +44,7 @@ </PageWrapper> </template> -<script lang="ts" setup name="Route_View"> +<script lang="ts" setup> import { FlowChart } from '/@/components/FlowChart'; import { PageWrapper } from '/@/components/Page'; import { SaveRouteData, getRouteData } from '/@/api/tigerapi/mes/router'; @@ -58,6 +60,7 @@ MES_ROUTE_EDGE, MES_ROUTE_NODE_ACT, MES_ROUTE, + nodeText, } from '/@/api/tigerapi/model/router'; import { useUserStore } from '/@/store/modules/user'; import RouteDrawer from './RouteDrawer.vue'; @@ -70,15 +73,16 @@ import { useRoute } from 'vue-router'; import { useTabs } from '/@/hooks/web/useTabs'; import LogicFlow from '@logicflow/core'; -import { getEntity } from '/@/api/tigerapi/system'; + defineOptions({ name: 'Route_View' }); + const { refreshPage } = useTabs(); const [registerDrawer, { openDrawer }] = useDrawer(); const [registerModal, { openModal }] = useModal(); const { t } = useI18n(); const route = useRoute(); const { setTitle } = useTabs(); const { notification, createErrorModal } = useMessage(); - const routeConfig = reactive({ + const routeConfig = reactive<IRouteConfig>({ // 琛ㄥ崟閰嶇疆 schemas: [], layout: 'horizontal', @@ -90,13 +94,13 @@ currentAct: {} as MES_ROUTE_NODE_ACT, routeData: {} as RouteData, activeKey: 1, - } as IRouteConfig); + }); const currRoute = ref({} as MES_ROUTE); const routeData = ref({ nodes: [], edges: [], }); - provide<Ref<IRouteConfig>>('routeConfig', routeConfig); + provide<Ref<IRouteConfig>>('routeConfig', routeConfig as unknown as Ref<IRouteConfig>); provide<Ref<MES_ROUTE>>('mesRoute', currRoute); const selectnode = ref({} as node); const currRotId = ref(route.params?.id); @@ -126,31 +130,16 @@ }, { deep: true }, ); - + const currlf = ref(null) as Ref<LogicFlow | null>; console.log(currRotId.value); - onMounted(() => { - getEntity({ - sqlcmd: `ASSEMBLY_NAME ='MES_POSITION'`, - entityName: 'SYS_LOW_CODE', - }).then((data) => { - var searchForms = JSON.parse(data.Data.Items[0].SEARCH_FORM_JSON); - for (const i in searchForms) { - if(!isNullOrUnDef(searchForms[i]['colSlot'])){ - colSlots.value.push('form-'+searchForms[i]['colSlot']); - } - } - - var _cruds = JSON.parse(data.Data.Items[0].FORM_JSON); - for (const i in _cruds) { - if(!isNullOrUnDef(_cruds[i]['colSlot'])){ - crudColSlots.value.push(_cruds[i]['colSlot']); - } - } - entityName.value = 'MES_POSITION'; - }); - }); + onMounted(() => {}); + /** + * @description: 宸ヨ壓璺嚎鍒濆鍖� + * @param {*} lf + * @return {*} + */ async function init(lf) { currlf.value = unref(lf); //閫氳繃宸ヨ壓璺嚎ID鑾峰彇鍥惧舰鏁版嵁锛屽苟娓叉煋 @@ -166,7 +155,8 @@ } _data.Data.nodes.forEach((n) => { n.node.properties = JSON.parse(n.node.properties); - routeData.value.nodes.push(n.node); + n['node']['text']['value'] = n.NODE_NAME; + routeData.value.nodes.push(n['node']); }); console.log('111', routeData.value); _data.Data.edges.forEach((e) => { @@ -241,13 +231,15 @@ OPTION_3: '', OPTION_4: '', OPTION_5: '', - ACT_NAME: `${routeConfig.routeData.route.ROT_CODE}_${n.text.value}_${_num}`, + ACT_NAME: isNullOrEmpty(a.ACT_NAME) ? `${n.text.value}_${_num}` : a.ACT_NAME, + ACT_CODE: a.ACT_CODE, + NEED_SETUP: a.NEED_SETUP, NODE_ID: a.NODE_ID, ACT_TYPE: a.ACT_TYPE, - DO_TYPE: a.DO_TYPE, - DO_METHOD: a.DO_METHOD, - DO_IF_PASS: a.DO_IF_PASS, - DO_IF_FAIL: a.DO_IF_FAIL, + // DO_TYPE: a.DO_TYPE, + // DO_METHOD: a.DO_METHOD, + // DO_IF_PASS: a.DO_IF_PASS, + // DO_IF_FAIL: a.DO_IF_FAIL, node: {} as node, IS_ACTIVE: a.IS_ACTIVE, }; @@ -274,10 +266,10 @@ UPDATE_TIME: currRotData.route.UPDATE_TIME, UPDATE_USER: useUserStore().getUserInfo.userId as string, GHOST_ROW: false, - NODE_NAME: `${currRotData.route.ROT_CODE}_${n.text.value}_${_num}`, + NODE_NAME: isNullOrEmpty(nd.NODE_NAME) ? `${n.text.value}_${_num}` : nd.NODE_NAME, ROT_ID: currRotData.route.ID, SEGMENT: nd.SEGMENT, - OPER_CODE: nd.OPER_CODE, + OPER_CODE: isNullOrEmpty(nd.OPER_CODE) ? n.type : nd.OPER_CODE, GPH_TYPE: n.type, GPH_X: n.x, GPH_Y: n.y, @@ -386,10 +378,7 @@ } else { var action = await SaveRouteData(GetRotData(lf)); if (action.IsSuccessed) { - notification['success']({ - message: '鎿嶄綔鎴愬姛', - description: `淇濆瓨宸ヨ壓璺嚎锛�${currRoute.value.ROT_CODE} 鎴愬姛`, - }); + await refreshPage(); } } } @@ -436,7 +425,7 @@ UPDATE_TIME: currRoute.value.UPDATE_TIME, UPDATE_USER: useUserStore().getUserInfo.userId as string, GHOST_ROW: false, - NODE_NAME: `${currRoute.value.ROT_CODE}_${selectnode.value.text.value}_0`, + NODE_NAME: `${selectnode.value.text.value}_0`, ROT_ID: currRoute.value.ID, SEGMENT: '', OPER_CODE: selectnode.value.type, @@ -465,12 +454,52 @@ routeConfig.routeData.nodes.push(_node); } //鏄涓� - if (selectnode.value.properties.operType && selectnode.value.properties.operType == 'Action') { + if ( + selectnode.value.properties['operType'] && + selectnode.value.properties['operType'] == 'Action' + ) { var _act = routeConfig.routeData.acts.filter((x) => x.ID == selectnode.value.id)[0]; routeConfig.activeKey = 2; IsOperation.value = false; title.value = '琛屼负'; posttitle.value = ''; + if (isNullOrUnDef(_act)) { + _act = { + ID: selectnode.value.id, + CREATE_TIME: currRoute.value.CREATE_TIME, + CREATE_USER: useUserStore().getUserInfo.userId as string, + UPDATE_TIME: currRoute.value.UPDATE_TIME, + UPDATE_USER: useUserStore().getUserInfo.userId as string, + GHOST_ROW: false, + AUTH_ORG: '', + AUTH_PROD: '', + AUTH_WH: '', + ACT_NAME: `${selectnode.value.text.value}_0`, + ACT_CODE: '', + ROT_ID: currRoute.value.ID, + NODE_ID: '', + ACT_TYPE: 0, + GPH_TYPE: selectnode.value.type, + GPH_X: selectnode.value.x, + GPH_Y: selectnode.value.y, + GPH_PROP: JSON.stringify(selectnode.value.properties), + GPH_TEXT: selectnode.value.text.value, + NEED_SETUP: 0, + // DO_TYPE: 0, + // DO_METHOD: '', + // DO_IF_PASS: '', + // DO_IF_FAIL: '', + IS_ACTIVE: '', + OPTION_1: '', + OPTION_2: '', + OPTION_3: '', + OPTION_4: '', + OPTION_5: '', + REMARK: '', + node: {} as node, + }; + routeConfig.routeData.acts.push(_act); + } routeConfig.currentAct = { ID: selectnode.value.id, CREATE_TIME: currRoute.value.CREATE_TIME, @@ -482,6 +511,7 @@ AUTH_PROD: '', AUTH_WH: '', ACT_NAME: _act.ACT_NAME, + ACT_CODE: _act.ACT_CODE, ROT_ID: currRoute.value.ID, NODE_ID: _act.NODE_ID, ACT_TYPE: _act.ACT_TYPE, @@ -490,10 +520,11 @@ GPH_Y: selectnode.value.y, GPH_PROP: JSON.stringify(selectnode.value.properties), GPH_TEXT: selectnode.value.text.value, - DO_TYPE: _act.DO_TYPE, - DO_METHOD: _act.DO_METHOD, - DO_IF_PASS: _act.DO_IF_PASS, - DO_IF_FAIL: _act.DO_IF_FAIL, + NEED_SETUP: _act.NEED_SETUP, + // DO_TYPE: _act.DO_TYPE, + // DO_METHOD: _act.DO_METHOD, + // DO_IF_PASS: _act.DO_IF_PASS, + // DO_IF_FAIL: _act.DO_IF_FAIL, IS_ACTIVE: _act.IS_ACTIVE, OPTION_1: '', OPTION_2: '', @@ -503,8 +534,11 @@ REMARK: '', node: {} as node, }; + const actModel = lf.getNodeModelById(selectnode.value.id); + actModel.updateText(routeConfig.currentAct?.ACT_NAME); } else { //鏄伐搴� + IsOperation.value = false; routeConfig.currentItem = { ID: selectnode.value.id, CREATE_TIME: currRoute.value.CREATE_TIME, @@ -528,16 +562,19 @@ IS_OUTPUT: _node.IS_OUTPUT, REMARK: _node.REMARK, }; + const nodeModel = lf.getNodeModelById(selectnode.value.id); + nodeModel.updateText(_node.NODE_NAME); routeConfig.isCalcFpy = _node.IS_CALC_FPY == 'Y'; routeConfig.canSkip = _node.CAN_SKIP == 'Y'; routeConfig.isInput = _node.IS_INPUT == 'Y'; routeConfig.isOutput = _node.IS_OUTPUT == 'Y'; - - console.log(routeConfig.currentItem); - routeConfig.activeKey = 2; - IsOperation.value = true; - title.value = '宸ュ簭'; - posttitle.value = '宀椾綅'; + setTimeout(() => { + console.log(routeConfig.currentItem); + routeConfig.activeKey = 2; + IsOperation.value = true; + title.value = '宸ュ簭'; + posttitle.value = '宀椾綅'; + }, 100); } } @@ -571,4 +608,25 @@ //鍐嶈繑鍥炲叿浣撴暟鎹� routeConfig.routeData = GetRotData(unref(lfInstance)); } + + /** + * @description: 鍚嶇О鏀瑰彉鍥炶皟鏂规硶锛岃繑鍥炲悗鏇存柊鑺傜偣鏂囨湰 + * @param {*} e + * @return {*} + */ + function changeName(e) { + console.log(e.val); + const nodeModel = unref(currlf)?.getNodeModelById(e.id); + nodeModel?.updateText(e.val); + } + /** + * @description: 鍚嶇О鏀瑰彉鍥炶皟鏂规硶锛岃繑鍥炲悗鏇存柊鑺傜偣鏂囨湰 + * @param {*} e + * @return {*} + */ + function changeNodeName(e) { + console.log(e.val); + const nodeModel = unref(currlf)?.getNodeModelById(e.id); + nodeModel?.updateText(e.val); + } </script> -- Gitblit v1.9.3