Browse Source

人事管理开发4-27

mentoswzq 4 years ago
parent
commit
1cc4d3d635

File diff suppressed because it is too large
+ 803 - 89
js/component/manageCenter/statistics/personnel/personnelAll.jsx


+ 31 - 1
js/component/manageCenter/statistics/personnel/personnelList.less

@@ -6,4 +6,34 @@
 }
 .ant-tabs-bar {
     margin-bottom: 0;
-}
+}
+
+.peo-table {
+    width: 100%;
+    height: 200px;
+    border: 1px solid #000;
+    box-sizing: border-box;
+    li {
+        width: 25%;
+        height: 25%;
+        float: left;
+        border-right: 1px solid #ccc;
+        border-bottom: 1px solid #ccc;
+        box-sizing: border-box;
+        text-align: center;
+        line-height: 48px;
+        .peo-left {
+            width: 40%;
+            height: 100%;
+            border-right: 1px solid #ccc;
+            box-sizing: border-box;
+            float: left;
+        }
+        .peo-right {
+            width: 60%;
+            height: 100%;
+            box-sizing: border-box;
+            float: left;
+        }
+    }
+}

+ 54 - 0
js/component/manageCenter/statistics/personnel/picModal.jsx

@@ -0,0 +1,54 @@
+import React from "react";
+import { Spin, Button, Tabs, Table, message, Modal } from "antd";
+
+const ShowModal = React.createClass({
+  getInitialState() {
+    return {
+      newVisible: false,
+    };
+  },
+  componentWillReceiveProps(nextProps) {
+    this.setState({
+      newVisible: nextProps.ShowModal,
+    });
+  },
+  handleOk() {
+    this.setState({
+      newVisible: false,
+    });
+    // window.setTimeout( () => {
+    //   this.setState({
+    //     newVisible: true
+    //   });
+    // },)
+  },
+  render() {
+    return (
+      <div>
+          {this.props.picUrl.map(item => {
+              <Upload
+                className="demandDetailShow-upload"
+                listType="picture-card"
+                fileList={
+                  item
+                    ? splitUrl(
+                        item,
+                        ",",
+                        globalConfig.avatarHost + "/upload"
+                      )
+                    : []
+                }
+                onPreview={(file) => {
+                  this.setState({
+                    previewImage: file.url || file.thumbUrl,
+                    previewVisible: true,
+                  });
+                }}
+              />;
+          })}
+      </div>
+    );
+  },
+});
+
+export default ShowModal;