登录logo更新

Ben Lin

2024-07-19 a41c87a94a0b52688420a7af3b242bc771628e28

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!--
 * @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="routeConfig.currentItem.NODE_NAME" :min="0" :step="1" />
      </FormItem>
      <FormItem label="工段" name="工段">
        <Input :style="{ width: '100%' }" v-model:value="routeConfig.currentItem.SEGMENT" :min="0" :step="1" />
      </FormItem>
      <FormItem label="工序编码" name="工序编码">
        <Input :style="{ width: '100%' }" v-model:value="routeConfig.currentItem.GPH_TYPE" :min="0" :step="1" />
      </FormItem>
      <FormItem label="是否启用" name="是否启用">
        <Select ref="select" v-model:value="routeConfig.currentItem.IS_ACTIVE" style="width: 120px"
          :options="options1" />
      </FormItem>
      <FormItem label="是否计算直通率" name="是否计算直通率">
        <Switch v-model:checked="routeConfig.isCalcFpy" />
      </FormItem>
      <FormItem label="是否允许跳站" name="是否允许跳站">
        <Switch v-model:checked="routeConfig.canSkip" />
      </FormItem>
      <FormItem label="是否投入站" name="是否投入站">
        <Switch v-model:checked="routeConfig.isInput" />
      </FormItem>
      <FormItem label="是否产出站" name="是否产出站">
        <Switch v-model:checked="routeConfig.isOutput" />
      </FormItem>
    </Form>
  </div>
</template>
<script lang="ts" setup>
import { Select, Switch, Input, Form, FormItem } from 'ant-design-vue';
import { useRouteDesignState } from '../hooks/useRouteDesignState';
import { SelectTypes } from 'ant-design-vue/es/select';
import { ref, watch } from 'vue';
import { isNullOrUnDef } from '/@/utils/is';
 
const { routeConfig, mesRoute } = useRouteDesignState();
const emit = defineEmits(['changeNodeName']);
const options1 = ref<SelectTypes['options']>([
  {
    value: 'Y',
    label: '启用',
  },
  {
    value: 'N',
    label: '不启用',
  },
]);
 
watch(
  [
    () => routeConfig.isCalcFpy,
    () => routeConfig.canSkip,
    () => routeConfig.isInput,
    () => routeConfig.isOutput,
    () => routeConfig.currentItem,
  ],
  (newVal, oldVal) => {
    routeConfig.routeData.nodes.forEach((r) => {
      if (r.ID == routeConfig.currentItem.ID) {
        if (oldVal[0] != newVal[0] && !isNullOrUnDef(oldVal[0])) {
          r.IS_CALC_FPY = newVal[0] ? 'Y' : 'N';
        }
        if (oldVal[1] != newVal[1] && !isNullOrUnDef(oldVal[1])) {
          r.CAN_SKIP = newVal[1] ? 'Y' : 'N';
        }
        if (oldVal[2] != newVal[2] && !isNullOrUnDef(oldVal[2])) {
          r.IS_INPUT = newVal[2] ? 'Y' : 'N';
        }
        if (oldVal[3] != newVal[3] && !isNullOrUnDef(oldVal[3])) {
          r.IS_OUTPUT = newVal[3] ? 'Y' : 'N';
        }
        r.IS_ACTIVE = newVal[4].IS_ACTIVE;
        r.SEGMENT = newVal[4].SEGMENT;
        if (r.NODE_NAME != newVal[4].NODE_NAME) {
          r.NODE_NAME = newVal[4].NODE_NAME;
          emit('changeNodeName', { id: r.ID, val: r.NODE_NAME });
        }
      }
    });
  },
  { deep: true, immediate: true },
);
</script>