BroadsideCard.js
2.94 KB
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
import React from "react";
import { Tooltip } from "antd";
import styles from "../index.less";
const OperationGuide = props => {
const handleOpenFile = url => {
props.onOpenCommonModal({
type: "commonFilePreviewModal",
url
});
};
return (
<div className={styles.broadsideCardBox}>
<div className="title1">操作指引</div>
<div className="part1">
<Tooltip
title={
<div style={{ fontSize: 18 }}>数字工厂MES系统操作指引.pdf</div>
}
placement="left"
>
<div
className="image1"
onClick={() => {
handleOpenFile("./数字工厂MES系统操作指引.pdf");
}}
/>
</Tooltip>
<Tooltip
title={<div style={{ fontSize: 18 }}>MES关键操作说明.xlsx</div>}
placement="left"
>
<div
className="image2"
onClick={() => {
handleOpenFile("./MES关键操作说明.xlsx");
}}
/>
</Tooltip>
</div>
<div className="fileName">
<Tooltip
placement="left"
title={
<div style={{ fontSize: 18 }}>数字工厂MES系统操作指引.pdf</div>
}
>
<div>数字工厂MES系统操作指引.pdf</div>
</Tooltip>
<Tooltip
placement="left"
title={<div style={{ fontSize: 18 }}>MES关键操作说明.xlsx</div>}
>
<div>MES关键操作说明.xlsx</div>
</Tooltip>
</div>
<div className="part1">
<Tooltip
title={
<div style={{ fontSize: 18 }}>
MES打印机更换纸张后亮红灯解决方法.pdf
</div>
}
placement="left"
>
<div
className="image3"
onClick={() => {
handleOpenFile("./MES打印机更换纸张后亮红灯解决方法.pdf");
}}
/>
</Tooltip>
<Tooltip
title={<div style={{ fontSize: 18 }}>车间MES打印机更换纸张.pdf</div>}
placement="left"
>
<div
className="image4"
onClick={() => {
handleOpenFile("./车间MES打印机更换纸张.pdf");
}}
/>
</Tooltip>
</div>
<div className="fileName">
<Tooltip
placement="left"
title={
<div style={{ fontSize: 18 }}>
MES打印机更换纸张后亮红灯解决方法.pdf
</div>
}
>
<div>MES打印机更换纸张后亮红灯解决方法.pdf</div>
</Tooltip>
<Tooltip
placement="left"
title={<div style={{ fontSize: 18 }}>车间MES打印机更换纸张.pdf</div>}
>
<div>车间MES打印机更换纸张.pdf</div>
</Tooltip>
</div>
</div>
);
};
export default OperationGuide;