<!--
|
* @Description: 右侧属性面板控件 表单属性面板
|
-->
|
<template>
|
<div class="properties-content">
|
<Form class="properties-body" label-align="left" layout="vertical">
|
<FormItem label="工艺路线编码" name="工艺路线编码">
|
<Input
|
:style="{ width: '100%' }"
|
v-model:value="mesRoute.ROT_CODE"
|
:min="0"
|
:step="1"
|
:readonly="true"
|
/>
|
</FormItem>
|
<FormItem label="工艺路线名称" name="工艺路线名称">
|
<Input
|
:style="{ width: '100%' }"
|
v-model:value="mesRoute.ROT_NAME"
|
:min="0"
|
:step="1"
|
:readonly="true"
|
/>
|
</FormItem>
|
<FormItem label="工艺路线类型" name="工艺路线类型">
|
<Input
|
:style="{ width: '100%' }"
|
v-model:value="mesRoute.ROT_TYPE"
|
:min="0"
|
:step="1"
|
:readonly="true"
|
/>
|
</FormItem>
|
<FormItem label="工艺路线版本" name="工艺路线版本">
|
<Input
|
:style="{ width: '100%' }"
|
v-model:value="mesRoute.ROT_VER"
|
:min="0"
|
:step="1"
|
:readonly="true"
|
/>
|
</FormItem>
|
<FormItem label="是否启用" name="是否启用">
|
<Select
|
ref="select"
|
v-model:value="mesRoute.IS_ACTIVE"
|
style="width: 120px"
|
:options="options1"
|
:readonly="true"
|
/>
|
</FormItem>
|
</Form>
|
</div>
|
</template>
|
<script lang="ts" setup>
|
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 { mesRoute } = useRouteDesignState();
|
const options1 = ref<SelectTypes['options']>([
|
{
|
value: 'Y',
|
label: '启用',
|
},
|
{
|
value: 'N',
|
label: '不启用',
|
},
|
]);
|
</script>
|
