From f4b7cfb7f1477d2860d08a69ef48728412c00fd2 Mon Sep 17 00:00:00 2001 From: Ben Lin <maobin001@msn.com> Date: 星期三, 01 五月 2024 00:25:52 +0800 Subject: [PATCH] mes工艺路线更新 --- src/views/tigerprojects/mes/eng/route/components/FormItemProps.vue | 103 +++++++++++++++++++++++++++++---------------------- 1 files changed, 59 insertions(+), 44 deletions(-) diff --git a/src/views/tigerprojects/mes/eng/route/components/FormItemProps.vue b/src/views/tigerprojects/mes/eng/route/components/FormItemProps.vue index 49196d7..0fa8b4a 100644 --- a/src/views/tigerprojects/mes/eng/route/components/FormItemProps.vue +++ b/src/views/tigerprojects/mes/eng/route/components/FormItemProps.vue @@ -3,52 +3,67 @@ --> <template> <div class="properties-content"> - <div class="properties-body" v-if="itemProps"> - <Empty class="hint-box" v-if="!itemProps" description="鏈�夋嫨鎺т欢" /> - <Form v-else label-align="left" layout="vertical"> - <div v-for="item of baseFormItemProps" :key="item.name"> - <FormItem :label="item.label" v-if="showProps(item.exclude)"> - <component - class="component-props" - v-bind="item.componentProps" - :is="item.component" - v-model:value="formConfig.currentItem[item.name]" - /> - </FormItem> - </div> - </Form> - </div> + <Form class="properties-body" label-align="left" layout="vertical"> + <FormItem label="宸ヨ壓璺嚎缂栫爜" name="宸ヨ壓璺嚎缂栫爜"> + <Input + :style="{ width: '100%' }" + v-model:value="routeConfig.currentItem.ROT_CODE" + :min="0" + :step="1" + :readonly="true" + /> + </FormItem> + <FormItem label="鑺傜偣缂栫爜" name="鑺傜偣缂栫爜"> + <Input + :style="{ width: '100%' }" + v-model:value="routeConfig.currentItem.NODE_CODE" + :min="0" + :step="1" + /> + </FormItem> + <FormItem label="鑺傜偣鍚嶇О" name="鑺傜偣鍚嶇О"> + <Input + :style="{ width: '100%' }" + v-model:value="routeConfig.currentItem.NODE_NAME" + :min="0" + :step="1" + /> + </FormItem> + <FormItem label="宸ュ簭缂栫爜" name="宸ュ簭缂栫爜"> + <Input + :style="{ width: '100%' }" + v-model:value="routeConfig.currentItem.OPER_CODE" + :min="0" + :step="1" + /> + </FormItem> + <FormItem label="鏄惁鍚敤" name="鏄惁鍚敤"> + <Select + ref="select" + v-model:value="routeConfig.currentItem.IS_ACTIVE" + style="width: 120px" + :options="options1" + :readonly="true" + /> + </FormItem> + </Form> </div> </template> <script lang="ts" setup> - import { computed, ref, watch } from 'vue'; - import { Empty, Input, Form, FormItem, Switch, Checkbox, Col } from 'ant-design-vue'; + import { Select, Input, Form, FormItem } from 'ant-design-vue'; + import { useRouteDesignState } from '../hooks/useRouteDesignState'; + import { SelectTypes } from 'ant-design-vue/es/select'; + import { ref } from 'vue'; - const itemProps = ref(true); - const baseFormItemProps = ref([]); - // watch( - // () => formConfig.value, - // () => { - // if (formConfig.value.currentItem) { - // formConfig.value.currentItem.itemProps = formConfig.value.currentItem.itemProps || {}; - // formConfig.value.currentItem.itemProps.labelCol = - // formConfig.value.currentItem.itemProps.labelCol || {}; - // formConfig.value.currentItem.itemProps.wrapperCol = - // formConfig.value.currentItem.itemProps.wrapperCol || {}; - // } - // }, - // { deep: true, immediate: true }, - // ); - // const showProps = (exclude: string[] | undefined) => { - // if (!exclude) { - // return true; - // } - // return isArray(exclude) ? !exclude.includes(formConfig.value.currentItem!.component) : true; - // }; - - // const controlPropsList = computed(() => { - // return baseFormItemControlAttrs.filter((item) => { - // return showProps(item.exclude); - // }); - // }); + const { routeConfig } = useRouteDesignState(); + const options1 = ref<SelectTypes['options']>([ + { + value: 'Y', + label: '鍚敤', + }, + { + value: 'N', + label: '涓嶅惎鐢�', + }, + ]); </script> -- Gitblit v1.9.3