430前端初始化

lyh

2026-01-19 22c3bf8b939cd907f171bb4435ad1fc71548d8f7

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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<template>
  <div style="height: 100%;">
    <el-tabs type="border-card">
      <el-tab-pane label="工序属性">
        <el-row id="nodeInfoTable" :style="tabStyle">
          <table class="el-table">
            <tr>
              <td>工序名称：</td>
              <td>{{nodeList.list.processName}}</td>
              <td>工序号：</td>
              <td>{{nodeList.list.processCode}}</td>
            </tr>
 
            <tr>
              <td>工艺编号：</td>
              <td>{{nodeList.list.craftNo}}</td>
              <td>工序类型：</td>
              <td>{{nodeList.list.processType}}</td>
            </tr>
 
            <tr>
              <td>加工设备型号：</td>
              <td>{{nodeList.list.processingEquipmentModel}}</td>
              <td>加工设备类型：</td>
              <td>{{nodeList.list.processingEquipmentOs}}</td>
            </tr>
 
            <tr>
              <td>加工设备编号：</td>
              <td>{{nodeList.list.processingEquipmentCode}}</td>
              <td>工装编号：</td>
              <td>{{nodeList.list.assembleStep}}</td>
            </tr>
            <tr>
 
            </tr>
            <tr>
              <td>工装名称：</td>
              <td>{{nodeList.list.assembleName}}</td>
              <td>工艺规程版本：</td>
              <td>{{nodeList.list.craftVersion}}</td>
            </tr>
 
            <tr>
              <td>描述：</td>
              <td colspan="3">{{nodeList.list.description}}</td>
            </tr>
 
            <tr>
              <td>创建人：</td>
              <td>{{nodeList.list.createUser}}</td>
              <td>创建时间：</td>
              <td>{{formatDate(nodeList.list.createTime)}}</td>
            </tr>
 
            <tr>
              <td>修改人：</td>
              <td>{{nodeList.list.updateUser}}</td>
              <td>修改时间：</td>
              <td>{{formatDate(nodeList.list.updateTime)}}</td>
            </tr>
 
          </table>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
 
<script>
  export default {
    name: "process_attribute_info",
    props: ['nodeList'],
    data() {
      return {
        tabStyle: {
          height: '',
          overflow: 'auto'
        }
      }
    },
    methods: {
      formatDate(value) {
        if (value != null) {
          var data = value;
          return this.$moment(data).format('YYYY-MM-DD HH:mm:ss')
        }
      },
      getTabHeight() {
        let h = document.getElementById('attributeTab').offsetHeight;
        this.tabStyle.height = h - 100 + 'px'
      }
    },
    //初始化  模板渲染前调用
    created() {
      window.addEventListener('resize', this.getTabHeight());
      this.getTabHeight();
    },
    mounted() {
      window.addEventListener('resize', this.getTabHeight);
      this.getTabHeight();
    }
  }
</script>
 
<style>
  .el-tabs__content {
    overflow: inherit;
  }
 
  .el-table tr td {
    border-bottom: 1px dashed #cccccc;
  }
</style>