-
+ render() {
+ return (
+
+
-
-
-
-
+
+
+
+
+
+ 00:00
+ /
+ 00:00
+
+
+
-
-
-
-
-
- 00:00
- /
- 00:00
-
-
-
-
- );
- }
+ );
+ }
}
export default Playback;
diff --git a/web/src/components/setting/Setting.js b/web/src/components/setting/Setting.js
index 87623e2..c00afee 100644
--- a/web/src/components/setting/Setting.js
+++ b/web/src/components/setting/Setting.js
@@ -1,12 +1,13 @@
import React, {Component} from 'react';
-import {Layout, PageHeader, Switch, Select} from "antd";
+import {Button, Form, Input, Layout, PageHeader, Select, Switch, Tabs, Typography} from "antd";
import {itemRender} from '../../utils/utils'
-import {Form, Input, Button, Checkbox} from "antd";
import request from "../../common/request";
import {message} from "antd/es";
const {Content} = Layout;
const {Option} = Select;
+const {TabPane} = Tabs;
+const {Title} = Typography;
const routes = [
{
@@ -20,20 +21,24 @@ const routes = [
];
const formItemLayout = {
- labelCol: {span: 3},
- wrapperCol: {span: 9},
+ labelCol: {span: 12},
+ wrapperCol: {span: 12},
};
const formTailLayout = {
- labelCol: {span: 3},
- wrapperCol: {span: 9, offset: 3},
+ labelCol: {span: 12},
+ wrapperCol: {span: 12},
};
class Setting extends Component {
- state = {}
+ state = {
+ properties: {}
+ }
- settingFormRef = React.createRef();
+ settingFormRef1 = React.createRef();
+ settingFormRef2 = React.createRef();
+ settingFormRef3 = React.createRef();
componentDidMount() {
this.getProperties();
@@ -51,198 +56,259 @@ class Setting extends Component {
getProperties = async () => {
// eslint-disable-next-line no-extend-native
- String.prototype.bool = function() {
+ String.prototype.bool = function () {
return (/^true$/i).test(this);
};
let result = await request.get('/properties');
- if (result.code === 1) {
- let properties = {}
+ if (result['code'] === 1) {
+ let properties = result['data'];
- for (let i = 0; i < result.data.length; i++) {
- let item = result.data[i];
- if (item['name'].startsWith('enable') ||
- item['name'].startsWith('disable')) {
- properties[item['name']] = item['value'].bool()
- }else {
- properties[item['name']] = item['value']
+ for (let key in properties) {
+ if(!properties.hasOwnProperty(key)){
+ continue;
+ }
+ if(key.startsWith('enable') || key.startsWith("disable")){
+ properties[key] = properties[key].bool();
}
}
- this.settingFormRef.current.setFieldsValue(properties)
+ console.log(properties)
+ this.setState({
+ properties: properties
+ })
+ if (this.settingFormRef1.current) {
+ this.settingFormRef1.current.setFieldsValue(properties)
+ }
+
+ if (this.settingFormRef2.current) {
+ this.settingFormRef2.current.setFieldsValue(properties)
+ }
+
+ if (this.settingFormRef3.current) {
+ this.settingFormRef3.current.setFieldsValue(properties)
+ }
} else {
- message.error(result.message);
+ message.error(result['message']);
}
}
+ handleOnTabChange = () => {
+ this.getProperties()
+ }
+
render() {
return (
- <>
-
-
+ <>
+
+
-
+
-
-
+
+
+
+
+
+
+
+
+
+
);
}
}