|
@@ -62,6 +62,11 @@ const DeviceManager = () => {
|
|
useEffect(() => {
|
|
useEffect(() => {
|
|
UnityAction.on('safetyItem', (name) => {
|
|
UnityAction.on('safetyItem', (name) => {
|
|
setSelected(name);
|
|
setSelected(name);
|
|
|
|
+ const dom = document.getElementById(name);
|
|
|
|
+ if (dom) {
|
|
|
|
+ let v = document.getElementsByClassName('content-tab')[0];
|
|
|
|
+ v.scrollTop = dom.offsetTop - 6;
|
|
|
|
+ }
|
|
});
|
|
});
|
|
|
|
|
|
return () => UnityAction.off('safetyItem');
|
|
return () => UnityAction.off('safetyItem');
|
|
@@ -138,7 +143,7 @@ const Video = ({ data, dataOnline, loading, selected, setSelected }) => {
|
|
return (
|
|
return (
|
|
<Spin spinning={loading}>
|
|
<Spin spinning={loading}>
|
|
<div className="content-tab">
|
|
<div className="content-tab">
|
|
- <div className={styles.sparePart}>
|
|
|
|
|
|
+ <div id="scrollContent" className={styles.sparePart}>
|
|
<div className={styles.titleContent}>
|
|
<div className={styles.titleContent}>
|
|
<div className={styles.titleLeft}>
|
|
<div className={styles.titleLeft}>
|
|
<img className={styles.img} src={videoIcon} />
|
|
<img className={styles.img} src={videoIcon} />
|
|
@@ -165,6 +170,7 @@ const Video = ({ data, dataOnline, loading, selected, setSelected }) => {
|
|
<div className={styles.listContent}>
|
|
<div className={styles.listContent}>
|
|
{data?.map((item, idx) => (
|
|
{data?.map((item, idx) => (
|
|
<div
|
|
<div
|
|
|
|
+ id={item.Name}
|
|
key={`video_${idx}`}
|
|
key={`video_${idx}`}
|
|
onClick={() => setSelected(idx, item.Name)}
|
|
onClick={() => setSelected(idx, item.Name)}
|
|
className={`card-box ${styles.listItem} ${
|
|
className={`card-box ${styles.listItem} ${
|