Skip to content

F
frontend
Commit a1698c68 authored by 熊成伟's avatar 熊成伟
Browse files
Options

debug

parent b9563e2d
Hide whitespace changes
Inline Side-by-side
Showing with 467 additions and 191 deletions
.idea/workspace.xml
View file @ a1698c68
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="a6d092de-b4f8-454d-99f5-4dac3ce112e5" name="Default Changelist" comment=""> <list default="true" id="a6d092de-b4f8-454d-99f5-4dac3ce112e5" name="Default Changelist" comment="" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/Pages/EventProcessing/index.less" beforeDir="false" afterPath="$PROJECT_DIR$/src/Pages/EventProcessing/index.less" afterDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" /> <ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" /> <ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" /> <ignored path="$PROJECT_DIR$/tmp/" />
...@@ -19,104 +13,11 @@ ...@@ -19,104 +13,11 @@
</component> </component>
<component name="FileEditorManager"> <component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300"> <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-202">
<caret line="60" column="59" selection-start-line="60" selection-start-column="57" selection-end-line="60" selection-end-column="59" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="true"> <file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="300">
<caret line="12" column="22" selection-start-line="12" selection-start-column="22" selection-end-line="12" selection-end-column="22" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/Pages/Work/Work.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="375">
<caret line="30" column="12" lean-forward="true" selection-start-line="27" selection-start-column="5" selection-end-line="30" selection-end-column="12" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="520">
<caret line="66" column="25" selection-start-line="66" selection-start-column="25" selection-end-line="66" selection-end-column="25" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/package.json"> <entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225"> <state relative-caret-position="100">
<caret line="10" column="27" selection-start-line="10" selection-start-column="27" selection-end-line="10" selection-end-column="27" /> <caret line="5" column="28" lean-forward="true" selection-start-line="5" selection-start-column="28" selection-end-line="5" selection-end-column="28" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/Pages/Notice/Notice.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="200">
<caret line="11" column="17" selection-start-line="11" selection-start-column="17" selection-end-line="11" selection-end-column="17" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/components/TodoCard/index.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="925">
<caret line="38" column="39" selection-start-line="38" selection-start-column="39" selection-end-line="38" selection-end-column="39" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/components/WorkCard/CardItem.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1050">
<caret line="43" column="47" selection-start-line="43" selection-start-column="43" selection-end-line="43" selection-end-column="47" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/Pages/Backlog/Backlog.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="50">
<caret line="5" column="28" selection-start-line="5" selection-start-column="28" selection-end-line="5" selection-end-column="28" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state> </state>
</provider> </provider>
</entry> </entry>
...@@ -188,14 +89,12 @@ ...@@ -188,14 +89,12 @@
<option value="$PROJECT_DIR$/src/components/TopTabs/index.less" /> <option value="$PROJECT_DIR$/src/components/TopTabs/index.less" />
<option value="$PROJECT_DIR$/src/index.css" /> <option value="$PROJECT_DIR$/src/index.css" />
<option value="$PROJECT_DIR$/public/index.html" /> <option value="$PROJECT_DIR$/public/index.html" />
<option value="$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx" />
<option value="$PROJECT_DIR$/src/components/TopSearch/index.less" /> <option value="$PROJECT_DIR$/src/components/TopSearch/index.less" />
<option value="$PROJECT_DIR$/src/index.js" /> <option value="$PROJECT_DIR$/src/index.js" />
<option value="$PROJECT_DIR$/config-overrides.js" /> <option value="$PROJECT_DIR$/config-overrides.js" />
<option value="$PROJECT_DIR$/src/components/TopNotice/index.less" /> <option value="$PROJECT_DIR$/src/components/TopNotice/index.less" />
<option value="$PROJECT_DIR$/src/components/TopNotice/index.jsx" /> <option value="$PROJECT_DIR$/src/components/TopNotice/index.jsx" />
<option value="$PROJECT_DIR$/src/components/ProcessTabs/index.jsx" /> <option value="$PROJECT_DIR$/src/components/ProcessTabs/index.jsx" />
<option value="$PROJECT_DIR$/src/router.js" />
<option value="$PROJECT_DIR$/src/components/TopSearch/index.jsx" /> <option value="$PROJECT_DIR$/src/components/TopSearch/index.jsx" />
<option value="$PROJECT_DIR$/src/layout/BlankLayout.jsx" /> <option value="$PROJECT_DIR$/src/layout/BlankLayout.jsx" />
<option value="$PROJECT_DIR$/src/components/List/index.jsx" /> <option value="$PROJECT_DIR$/src/components/List/index.jsx" />
...@@ -219,6 +118,8 @@ ...@@ -219,6 +118,8 @@
<option value="$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx" /> <option value="$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx" />
<option value="$PROJECT_DIR$/src/Pages/EventProcessing/index.less" /> <option value="$PROJECT_DIR$/src/Pages/EventProcessing/index.less" />
<option value="$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx" /> <option value="$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx" />
<option value="$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx" />
<option value="$PROJECT_DIR$/src/router.js" />
</list> </list>
</option> </option>
</component> </component>
...@@ -239,57 +140,13 @@ ...@@ -239,57 +140,13 @@
<subPane> <subPane>
<expand> <expand>
<path> <path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" /> <item name="frontend" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" /> <item name="frontend" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="public" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="layout" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="Pages" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="Pages" type="462c0819:PsiDirectoryNode" />
<item name="EventProcessing" type="462c0819:PsiDirectoryNode" />
</path> </path>
<path> <path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" /> <item name="frontend" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" /> <item name="frontend" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" /> <item name="src" type="462c0819:PsiDirectoryNode" />
<item name="Pages" type="462c0819:PsiDirectoryNode" />
<item name="Notice" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
<item name="create-react-app" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="Pages" type="462c0819:PsiDirectoryNode" />
<item name="Work" type="462c0819:PsiDirectoryNode" />
</path> </path>
</expand> </expand>
<select /> <select />
...@@ -341,15 +198,15 @@ ...@@ -341,15 +198,15 @@
<workItem from="1591238945654" duration="32617000" /> <workItem from="1591238945654" duration="32617000" />
<workItem from="1591319543352" duration="31523000" /> <workItem from="1591319543352" duration="31523000" />
<workItem from="1591406085733" duration="5474000" /> <workItem from="1591406085733" duration="5474000" />
<workItem from="1591419899087" duration="268000" />
</task> </task>
<servers /> <servers />
</component> </component>
<component name="TimeTrackingManager"> <component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="69614000" /> <option name="totallyTimeSpent" value="69882000" />
</component> </component>
<component name="ToolWindowManager"> <component name="ToolWindowManager">
<frame x="-8" y="-8" width="1382" height="784" extended-state="6" /> <frame x="-8" y="-8" width="1382" height="784" extended-state="6" />
<editor active="true" />
<layout> <layout>
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.24962178" /> <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.24962178" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" /> <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
...@@ -418,16 +275,6 @@ ...@@ -418,16 +275,6 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-77">
<caret line="2" column="50" selection-start-line="2" selection-start-column="50" selection-end-line="2" selection-end-column="50" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/components/TopNotice/index.jsx"> <entry file="file://$PROJECT_DIR$/src/components/TopNotice/index.jsx">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="550"> <state relative-caret-position="550">
...@@ -634,6 +481,33 @@ ...@@ -634,6 +481,33 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1325">
<caret line="60" column="59" selection-start-line="60" selection-start-column="57" selection-end-line="60" selection-end-column="59" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/Work/Work.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="650">
<caret line="30" column="12" selection-start-line="27" selection-start-column="5" selection-end-line="30" selection-end-column="12" />
<folding>
<element signature="e#0#39#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/index.less">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1650">
<caret line="66" column="25" selection-start-line="66" selection-start-column="25" selection-end-line="66" selection-end-column="25" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/Notice/Notice.jsx"> <entry file="file://$PROJECT_DIR$/src/Pages/Notice/Notice.jsx">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="200"> <state relative-caret-position="200">
...@@ -684,47 +558,30 @@ ...@@ -684,47 +558,30 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/package.json"> <entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="10" column="27" selection-start-line="10" selection-start-column="27" selection-end-line="10" selection-end-column="27" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/Process.jsx">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-202"> <state relative-caret-position="300">
<caret line="60" column="59" selection-start-line="60" selection-start-column="57" selection-end-line="60" selection-end-column="59" /> <caret line="12" column="22" selection-start-line="12" selection-start-column="22" selection-end-line="12" selection-end-column="22" />
<folding> <folding>
<element signature="e#0#39#0" expanded="true" /> <element signature="e#0#26#0" expanded="true" />
</folding> </folding>
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/Pages/Work/Work.jsx"> <entry file="file://$PROJECT_DIR$/src/Pages/Communicate/Communicate.jsx">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="375"> <state relative-caret-position="175">
<caret line="30" column="12" lean-forward="true" selection-start-line="27" selection-start-column="5" selection-end-line="30" selection-end-column="12" /> <caret line="7" selection-start-line="7" selection-end-line="7" />
<folding> <folding>
<element signature="e#0#39#0" expanded="true" /> <element signature="e#0#39#0" expanded="true" />
</folding> </folding>
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/index.less"> <entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="520">
<caret line="66" column="25" selection-start-line="66" selection-start-column="25" selection-end-line="66" selection-end-column="25" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Pages/EventProcessing/Basic.jsx">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="300"> <state relative-caret-position="100">
<caret line="12" column="22" selection-start-line="12" selection-start-column="22" selection-end-line="12" selection-end-column="22" /> <caret line="5" column="28" lean-forward="true" selection-start-line="5" selection-start-column="28" selection-end-line="5" selection-end-column="28" />
<folding>
<element signature="e#0#26#0" expanded="true" />
</folding>
</state> </state>
</provider> </provider>
</entry> </entry>
......
src/layout/Footer.jsx
View file @ a1698c68
...@@ -15,6 +15,7 @@ class Footer extends Component { ...@@ -15,6 +15,7 @@ class Footer extends Component {
this.props.history.push(path) this.props.history.push(path)
} }
render() { render() {
const tabItem = [ const tabItem = [
{title: '待办', key: 'backlog', icon: '/img/footer-backlog.png', selectedIcon: '/img/footer-backlog-s.png', badge: '', onPress: '/bord/backlog'}, {title: '待办', key: 'backlog', icon: '/img/footer-backlog.png', selectedIcon: '/img/footer-backlog-s.png', badge: '', onPress: '/bord/backlog'},
......
src/pages/Backlog/Backlog.jsx 0 → 100644
View file @ a1698c68
import React from 'react';
import {WhiteSpace} from 'antd-mobile'
import TodoCard from '../../components/TodoCard'
import TopSearch from '../../components/TopSearch'
const Backlog = (props) => {
const checkLog = () => {
props.history.push(`/blank/example/1`)
}
return (
<div>
<WhiteSpace/>
<TopSearch/>
{
[{},{},{},{},{},{}].map((item, index) => (
<div key={index}>
<WhiteSpace/>
<TodoCard data={item} onCLick={checkLog}/>
</div>
))
}
{/*<Step direction="horizontal"/>*/}
</div>
);
};
export default Backlog;
src/pages/Communicate/Communicate.jsx 0 → 100644
View file @ a1698c68
import React, {Component} from 'react';
import {List, WhiteSpace} from 'antd-mobile';
import TopSearch from '../../components/TopSearch'
const Item = List.Item;
class Communicate extends Component {
render() {
return (
<div>
<WhiteSpace/>
<TopSearch/>
<WhiteSpace/>
<List>
<Item>通讯录</Item>
<Item arrow="horizontal" multipleLine onClick={() => {}}>Title</Item>
</List>
</div>
);
}
}
export default Communicate;
src/pages/EventProcessing/Adjunct.jsx 0 → 100644
View file @ a1698c68
import React from 'react';
import List from '../../components/List'
const Adjunct = () => {
const listData = [
{title: '开始时间', content: '文电科'},
{title: '结束时间', content: '3'},
{title: '天数', content: ''},
{title: '乘坐交通工具', content: '武汉'},
{title: '备注', line: true, content: '函数是也是对象，是一个属性的集合，所以函数下也有属性，也可以自定义属性。当我们创建一个函数时就默认会有一个prototype属性，这个属性是一个对象(属性的集合)。这个东西就是原型---通过调用构造函数而创建的那个对象实例的原型对象。prototype里也有个属性constructor,指向的是函数本身'},
{title: '附件', line: true, content:
<div>
<div style={{width: '100%', height: 44}}>111111</div>
<div style={{width: '100%', height: 44}}>111111</div>
</div>
},
]
return (
<div id="event-adjunct">
<List
listData={listData}
/>
</div>
);
};
export default Adjunct;
src/pages/EventProcessing/Basic.jsx 0 → 100644
View file @ a1698c68
import React from 'react';
import './index.less'
import List from '../../components/List'
const data = Array.from(new Array(12)).map((_val, i) => ({
icon: '/img/test/test.png',
text: `name${i}`,
}));
const Basic = () => {
const personImg = data.map((item, index) => (
<div key={index} className="basic-people-item">
<img className="work-people-img" alt="" src='/img/test/test.png'/>
<div>aaa</div>
</div>
))
const listData = [
{title: '单位(科室)', content: '文电科'},
{title: '人数', content: '3'},
{title: '人员', content: <div className="basic-people-content">{personImg}</div>},
{title: '目的地', content: '武汉'},
{title: '事由', content: '考察'},
];
return (
<div id="event-basic">
<List
title={"6.1日,部门考察工作出差申请"}
listData={listData}
/>
</div>
);
};
export default Basic;
src/pages/EventProcessing/Flow.jsx 0 → 100644
View file @ a1698c68
import React from 'react';
import StepCard from '../../components/StepCard'
const Flow = () => {
return (
<div id="event-flow">
<StepCard/>
</div>
);
};
export default Flow;
src/pages/EventProcessing/Option.jsx 0 → 100644
View file @ a1698c68
import React from 'react';
import './index.less'
const Option = () => {
return (
<div id="event-option">
<div className="option-card">
<div className="option-title">
<div>流转意见：</div>
<a className="option-fast">常用阅办意见</a>
</div>
<textarea className="option-text"/>
</div>
</div>
);
};
export default Option;
src/pages/EventProcessing/Process.jsx 0 → 100644
View file @ a1698c68
import React, {Component} from 'react';
import {WingBlank, WhiteSpace, ActionSheet} from 'antd-mobile'
import './index.less'
import TopTabs from '../../components/TopTabs'
import Basic from './Basic'
import Adjunct from './Adjunct'
import Flow from './Flow';
import Option from './Option';
const isIPhone = new RegExp('\\biPhone\\b|\\biPod\\b', 'i').test(window.navigator.userAgent);
let wrapProps;
if (isIPhone) {
wrapProps = {
onTouchStart: e => e.preventDefault(),
};
}
class Process extends Component {
constructor() {
super();
this.optionBlur = this.optionBlur.bind(this)
// this.handleScroll = this.handleScroll.bind(this)
this.state = {
footButton: '处理'
}
};
componentDidMount() {
console.log(document.getElementsByClassName("option-text")[0])
document.getElementsByClassName("option-text")[0].addEventListener('focus', this.optionBlur, true)
// window.addEventListener('scroll', this.handleScroll, true);
}
optionBlur = () => {
this.setState({footButton: '确认发送'})
}
componentWillUnmount() {
document.getElementsByClassName("option-text")[0].removeEventListener('focus', this.optionBlur, true)
// window.removeEventListener('scroll', this.handleScroll, true);
}
// handleScroll() {
// const basic = document.getElementById("event-basic").offsetTop;
// const adjunct = document.getElementById("event-adjunct").offsetTop;
// const flow = document.getElementById("event-flow").offsetTop;
// const option = document.getElementById("event-option").offsetTop;
// const top = document.documentElement.scrollTop;
//
// console.log(top)
//
// // console.log(basic, adjunct, flow, option);
// };
tabClick = (name) => {
// console.log(document.getElementsByClassName("option-text"))
name === 'option' && document.getElementsByClassName("option-text")[0].focus();
name === 'option' && this.optionBlur()
const top = document.getElementById(`event-${name}`).offsetTop;
document.getElementById("event").scrollTo(0,top - 9)
};
showActionSheet = () => {
const BUTTONS = ['送部门领导审核', '送办公室分管主任审批', '办结', '取消'];
ActionSheet.showActionSheetWithOptions({
options: BUTTONS,
cancelButtonIndex: BUTTONS.length - 1,
maskClosable: true,
wrapProps,
},
(buttonIndex) => {
console.log(buttonIndex)
});
}
render() {
return (
<div>
<TopTabs onClick={this.tabClick}/>
<div id="event">
<WingBlank>
<WhiteSpace/>
<Basic/>
<WhiteSpace/>
<Adjunct/>
<WhiteSpace/>
<Flow/>
<WhiteSpace/>
<Option/>
</WingBlank>
</div>
<div className="event-footer">
<div className="event-footer-button" onClick={this.showActionSheet}>
{this.state.footButton}
</div>
</div>
</div>
);
}
}
export default Process;
src/pages/EventProcessing/index.less 0 → 100644
View file @ a1698c68
#event{
position: fixed;
top: 44px;
left: 0;right: 0; bottom: 50px;
overflow: auto;
padding-bottom: 300px;
}
.event-footer{
height: 45px;
position: fixed;
bottom: 0; left: 0; right: 0
}
.event-footer-button{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
background: rgba(54, 147, 239, 1);
color: #ffffff;
}
.event-footer-button:active{
background: rgba(54, 147, 239, 0.8);
}
.option-card{
display: flex;
justify-content: center;
flex-direction: column;
border-radius: 6px;
background: #ffffff;
padding: 17px 15px;
font-size: 14px;
}
.option-title{
display: flex;
justify-content: space-between;
}
.option-fast{
color: rgba(239, 154, 54, 1);
}
.option-text{
resize: none;
margin-top: 15px;
height: 137px;
border:1px solid rgba(0, 0, 0, 0.1);
border-radius:5px;
padding: 12px;
}
.am-action-sheet{
bottom: 10px;
left: 10px;
right: 10px;
border-radius: 7px;
width: auto;
}
.am-action-sheet-button-list .am-action-sheet-cancel-button-mask{
position: relative;
}
.am-action-sheet-button-list .am-action-sheet-cancel-button{
padding-top: 0;
}
.basic-people-content{
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
.basic-people-item{
display: flex;
flex-direction: row;
align-items: center;
padding: 6px;
}
.work-people-img{
width: 30px;
height: 30px;
margin-right: 3px;
}
src/pages/NoFound.jsx 0 → 100644
View file @ a1698c68
import { Result } from 'antd-mobile';
import React from 'react';
const NoFound = () => (
<Result
title="404"
/>
);
export default NoFound;
src/pages/Notice/Notice.jsx 0 → 100644
View file @ a1698c68
import React from 'react';
import {WhiteSpace} from 'antd-mobile'
import TodoCard from '../../components/TodoCard'
import TopNotice from '../../components/TopNotice'
const Notice = () => {
return (
<div>
<WhiteSpace/>
<TopNotice/>
<WhiteSpace/>
<TodoCard/>
</div>
);
};
export default Notice;
src/pages/Work/Work.jsx 0 → 100644
View file @ a1698c68
import React, {Component} from 'react';
import {WhiteSpace} from "antd-mobile";
import TopSearch from '../../components/TopSearch'
import WorkCard from '../../components/WorkCard'
class Work extends Component {
state = {
addStatus: false
};
commonEdit = () => {
const {addStatus} = this.state;
this.setState({addStatus: !addStatus})
};
workSearch = (val) => {
console.log(val)
};
itemAdd = () => {
console.log('add')
}
itemSlice = () => {
console.log('slice')
}
render() {
const {addStatus} = this.state;
//测试数据
const data = Array.from(new Array(7)).map((_val, i) => ({
icon: '/img/test/test.png',
text: `name${i}`,
}));
const data2 = Array.from(new Array(7)).map((_val, i) => ({
icon: '/img/test/test-1.png',
text: `name${i}`,
}));
return (
<div>
<WhiteSpace/>
<TopSearch onSearch={this.workSearch}/>
<WhiteSpace/>
<WorkCard
type="edit"
title="常用板块"
addCommon={this.commonEdit}
addStatus={addStatus}
data={data}
iconAction={this.itemSlice}
/>
<WhiteSpace/>
<WorkCard
title="事物管理"
addCommon={this.commonEdit}
addStatus={addStatus}
data={data2}
iconAction={this.itemAdd}
/>
</div>
);
}
}
export default Work;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment