春风项目四线(合箱线、总装线)
懒羊羊
2024-01-15 7f1dbf4296013a4b15fbc2748de072f7c7ad4388
提交 | 用户 | 时间
fd2207 1 <template>
2   <div class="app-container">
3    <el-row :gutter="5">
4      <el-col :span="6">
5        <el-card shadow="hover">
6          工位编号 : OP1010
7        </el-card>
8      </el-col>
9      <el-col :span="6">
10        <el-card shadow="hover">
11          工位名称 : 贴标机-贴码
12        </el-card>
13      </el-col>
14      <el-col :span="12">
15        <el-card shadow="hover">
16          总成编码 : 1000000000000001
17        </el-card>
18      </el-col>
19
20    </el-row>
21    <el-row :gutter="5" style="margin-top: 5px">
22      <el-col :span="6" >
23        <el-card class="bottom-card">
24          <div slot="header" class="clearfix">
25            <span>当前工件信息</span>
26          </div>
27          <el-descriptions :column="1" border>
28            <el-descriptions-item>
29              <template slot="label">
30                <span>工单编号</span>
31              </template>
32                <span>test00000001</span>
33            </el-descriptions-item>
34            <el-descriptions-item>
35              <template slot="label">
36                <span>产品编号</span>
37              </template>
38              <span>test00000001</span>
39            </el-descriptions-item>
40            <el-descriptions-item>
41              <template slot="label">
42                <span>产品型号</span>
43              </template>
44              <span>test00000001</span>
45            </el-descriptions-item>
46            <el-descriptions-item>
47              <template slot="label">
48                <span>产品名称</span>
49              </template>
50              <span>test00000001</span>
51            </el-descriptions-item>
52            <el-descriptions-item>
53              <template slot="label">
54                <span>节拍</span>
55              </template>
56              <span>江苏省苏州市吴中区吴中</span>
57            </el-descriptions-item>
58          </el-descriptions>
59          <el-divider></el-divider>
60          <el-row>
61            <el-col :span="12">
62              <el-button class="circle-button" circle></el-button>
63              <span>&nbsp;PLC状态</span>
64            </el-col>
65            <el-col :span="12">
66              <el-button class="circle-button" circle></el-button>
67              <span>&nbsp;扫码枪状态</span>
68            </el-col>
69          </el-row>
70          <el-row style="margin-top: 20px">
71            <el-col :span="12">
72              <el-button class="circle-button" circle></el-button>
73              <span>&nbsp;工件到位</span>
74            </el-col>
75            <el-col :span="12">
76              <el-button class="circle-button" circle></el-button>
77              <span>&nbsp;扫码完成</span>
78            </el-col>
79          </el-row>
80          <el-row style="margin-top: 20px">
81            <el-col :span="12">
82              <el-button class="circle-button" circle></el-button>
83              <span>&nbsp;开始作业</span>
84            </el-col>
85            <el-col :span="12">
86              <el-button class="circle-button" circle></el-button>
87              <span>&nbsp;允许放行</span>
88            </el-col>
89          </el-row>
90        </el-card>
91
92      </el-col>
93      <el-col :span="18">
94        <el-tabs type="border-card"  style="height: 600px">
95          <el-tab-pane>
96            <span slot="label"> <a class="el-icon-date"></a>首页</span>
97            <el-col :span="8">
98              <el-table>
99                <el-table-column label="序号" align="center" prop="repairIdentification" width="50px"/>
100                <el-table-column label="操作内容" align="center" prop="boxCode"  width="300px"/>
101              </el-table>
102            </el-col>
103            <el-col :span="16">
104              <el-image style="height: 520px;width: 100%" :src="imgSrc"></el-image>
105            </el-col>
106          </el-tab-pane>
107          <el-tab-pane>
108            <span slot="label"> <b class="el-icon-date"></b>物料BOM</span>
109            <el-empty >
110              <span slot="description">暂无数据</span>
111            </el-empty>
112          </el-tab-pane>
113          <el-tab-pane>
114            <span slot="label"> <c class="el-icon-date"></c>采集清单</span>
115            <el-empty >
116              <span slot="description">暂无数据</span>
117            </el-empty>
118          </el-tab-pane>
119          <el-tab-pane>
120            <span slot="label"> <d class="el-icon-date"></d>安灯状态</span>
121            <el-empty >
122              <span slot="description">暂无数据</span>
123            </el-empty>
124          </el-tab-pane>
125          <el-tab-pane>
126            <span slot="label"> <e class="el-icon-date"></e>工艺配方</span>
127            <el-empty >
128              <span slot="description">暂无数据</span>
129            </el-empty>
130          </el-tab-pane>
131        </el-tabs>
132      </el-col>
133    </el-row>
134
135
136   </div>
137 </template>
138 <script>
139 export default {
140   components: {},
141   props: [],
142   data() {
143     return {
144       imgSrc: '',
145     }
146   },
147   computed: {},
148   watch: {},
149   created() {},
150   mounted() {},
151   methods: {}
152 }
153
154 </script>
155 <style scoped>
156 .bottom-card{
157   height: 600px;
158 }
159 .circle-button{
160   height: 30px;
161   width: 30px;
162   //background-color: #ce0b0b;
163   //background-color: #00afff;
164   background-color: #13ce66;
165 }
166
167 span{
168   font-size: 15px;
169 }
170 </style>