From 01dc126302e8d78bed9b9225a20db17dbe468a5b Mon Sep 17 00:00:00 2001
From: Chengliang <1546584672@qq.com>
Date: Thu, 22 Sep 2022 18:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E5=8D=A1=E7=89=87=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/resource/FormItem.js           |  59 ++++++
 .../components/resource/IframeItem.js         |  44 ++++
 .../components/resource/ResourceCard.js       | 182 ++++++++++++++++-
 pc4mobx/organization/images/resource.png      | Bin 0 -> 7207 bytes
 pc4mobx/organization/stores/resourceCard.js   | 117 ++++++++++-
 pc4mobx/organization/style/card.less          | 192 ++++++++++++++++++
 pc4mobx/organization/style/common.less        |   2 -
 7 files changed, 583 insertions(+), 13 deletions(-)
 create mode 100644 pc4mobx/organization/components/resource/FormItem.js
 create mode 100644 pc4mobx/organization/components/resource/IframeItem.js
 create mode 100644 pc4mobx/organization/images/resource.png
 create mode 100644 pc4mobx/organization/style/card.less

diff --git a/pc4mobx/organization/components/resource/FormItem.js b/pc4mobx/organization/components/resource/FormItem.js
new file mode 100644
index 0000000..571b717
--- /dev/null
+++ b/pc4mobx/organization/components/resource/FormItem.js
@@ -0,0 +1,59 @@
+import {
+    WeaFormItem,
+} from 'ecCom'
+
+import {
+    Spin,
+    Button,
+} from 'antd'
+
+import {
+    i18n
+} from '../../public/i18n';
+
+import '../../style/common.less';
+import Group from '../group/Group';
+import { chunk } from 'lodash';
+
+export default class FormItem extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+        }
+    }
+
+    render() {
+        const {
+            groupInfo
+        } = this.props, {
+        } = this.state;
+        const newData = chunk(groupInfo.items, 3);
+
+        return (
+            <div className='form-item' id={groupInfo.id}>
+                <div className='title'>
+                    <div></div>
+                    <p>{groupInfo.title}</p>
+                </div>
+                <div className='content'>
+                    {newData.map((item, index) => {
+                        return (
+                            <div key={index} className='item'>
+                                {item.map((subItem) => {
+                                    return (
+                                        <div>
+                                            <span>{subItem.fieldId}</span>
+                                            <span>{subItem.fieldValue}</span>
+                                        </div>
+                                       
+                                    );
+                                })}
+                            </div>
+                        );
+                    })}
+                </div>
+
+            </div>
+        )
+    }
+}
diff --git a/pc4mobx/organization/components/resource/IframeItem.js b/pc4mobx/organization/components/resource/IframeItem.js
new file mode 100644
index 0000000..1f17337
--- /dev/null
+++ b/pc4mobx/organization/components/resource/IframeItem.js
@@ -0,0 +1,44 @@
+import {
+    WeaFormItem,
+} from 'ecCom'
+
+import {
+    Spin,
+    Button,
+} from 'antd'
+
+import {
+    i18n
+} from '../../public/i18n';
+
+import '../../style/common.less';
+import Group from '../group/Group';
+import { chunk } from 'lodash';
+
+export default class IframeItem extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+        }
+    }
+
+    render() {
+        const {
+            iframeInfo
+        } = this.props, {
+        } = this.state;
+
+        return (
+            <div className='iframe-item' id={iframeInfo.id}>
+                <div className='title'>
+                    <div></div>
+                    <p>{iframeInfo.title}</p>
+                </div>
+                <div className='content'>
+                  <iframe src={iframeInfo.url} width="100%" frameBorder="0"/>                 
+                </div>
+
+            </div>
+        )
+    }
+}
diff --git a/pc4mobx/organization/components/resource/ResourceCard.js b/pc4mobx/organization/components/resource/ResourceCard.js
index 752dd06..244aa1f 100644
--- a/pc4mobx/organization/components/resource/ResourceCard.js
+++ b/pc4mobx/organization/components/resource/ResourceCard.js
@@ -9,7 +9,8 @@ import {
     WeaTab,
     WeaFormItem,
     WeaRightMenu,
-    WeaAlertPage
+    WeaAlertPage,
+    WeaNewScrollPagination
 } from 'ecCom'
 import {
     Row,
@@ -18,7 +19,8 @@ import {
     Modal,
     Button,
     message,
-    Switch
+    Switch,
+    Menu, Dropdown,Icon
 } from 'antd'
 import {
     WeaSwitch,
@@ -28,12 +30,11 @@ import {
     i18n
 } from '../../public/i18n';
 
-import '../../style/common.less';
-
+import '../../style/card.less';
+import FormItem from './FormItem';
+import IframeItem from './IframeItem';
 import { renderNoright } from '../../util'; // 从util文件引入公共的方法
 
-
-
 const toJS = mobx.toJS;
 const confirm = Modal.confirm;
 
@@ -65,12 +66,173 @@ export default class ResourceCard extends React.Component {
         const {
             resourceCard
         } = this.props;
+        resourceCard.init();
     }
 
-    render(){
-        return(
-            <div>111</div>
+    onScrollEnd = () => {
+        const {
+            resourceCard
+        } = this.props;
+        resourceCard.scrollLoading = true;
+        resourceCard.iframeList.push({
+            id:"job",
+            title:"岗位管理",
+            url:'/spa/organization/static/index.html#/main/organization/companyExtend/7'
+        })
+        setTimeout(() => {
+            resourceCard.scrollLoading = false;
+        }, 2000);
+    };
+
+    scrollToAnchor = (anchorName) => {
+        if (anchorName) {
+            // 找到锚点
+            let anchorElement = document.getElementById(anchorName);
+            // 如果对应id的锚点存在，就跳转到锚点
+            if (anchorElement) { anchorElement.scrollIntoView({ block: 'start', behavior: 'smooth' }); }
+        }
+    }
+
+    handleMenuClick = (e) => {
+        console.log('click', e);
+    }
+
+    render() {
+        const {
+            resourceCard
+        } = this.props, {
+            height,
+            scrollLoading,
+            offset,
+            overtime,
+            intervalTime,
+            data,
+            iframeList
+        } = resourceCard;
+
+        const menu = (
+            <Menu onClick={this.handleMenuClick}>
+                <Menu.Item key="1">第一个菜单项</Menu.Item>
+                <Menu.Item key="2">第二个菜单项</Menu.Item>
+                <Menu.Item key="3">第三个菜单项</Menu.Item>
+            </Menu>
+        );
+
+        return (
+            <WeaNewScrollPagination
+                height='100%'
+                onScrollEnd={this.onScrollEnd}
+                // onScroll={(e)=> {
+                //     console.log(e)
+                // }}
+            >
+            <div className="gutter-resource-card">
+                <div className="gutter-row">
+                    <div className='top'>
+                        <img src={require('../../images/resource.png')} />
+                        <div className='user'>
+                            <div className='name'>{data.user.name}
+                                <span>{data.user.sex == 0 ? <i className="icon-coms-men" /> : <i className="icon-coms-women" />}</span>
+                            </div>
+                            <div className='icon-info'>
+                                <i className="icon-coms-Send-message" />
+                                <i className="icon-coms-message-o" />
+                                <i className="icon-coms-Send-emails" />
+                                <i className="icon-coms-New-schedule-o" />
+                            </div>
+                            <div className='content'>
+                                <div>
+                                    <span className='label'><i className="icon-portal-email-o" /></span>
+                                    <span className='value'>{data.user.email}</span>
+                                    <span className='label'><i className="icon-coms-contact" /></span>
+                                    <span className='value'>{data.user.phone}</span>
+                                </div>
+                                <div style={{ marginTop: '10px' }}>
+                                    <span className='label'>账号类型:</span>
+                                    <span className='value'>{data.user.belongTo}</span>
+                                    <span className='label'>状态:</span>
+                                    <span className='value'>{data.user.status}</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div className='right-button'>
+                            <Button className='item'>编辑人员</Button>
+                            <Button className='item'>调动</Button>
+                            <Button className='item'>离职</Button>
+                            <Dropdown overlay={menu}>
+                                <Button  style={{ marginLeft: 8 }}  className='item'>
+                                    更多操作 <Icon type="down" />
+                                </Button>
+                            </Dropdown>
+                        </div>
+
+                    </div>
+                    <div className='data'>
+                        <Row type="flex" justify="space-between" style={{height:'100%'}}>
+                            <Col className='ant-col' span={4}>
+                                <img src="/hrm/hrm_e9/image/workflow.png" alt="" />
+                                <div>
+                                    <p>流程总数</p>
+                                    <p>{data.statistical.workflowCount}</p>
+                                </div>
+                            </Col>
+                            <Col className='ant-col' span={4}>
+                                <img src="/hrm/hrm_e9/image/doc.png" alt="" />
+                                <div>
+                                    <p>文档总数</p>
+                                    <p>{data.statistical.docCount}</p>
+                                </div>
+                            </Col>
+                            <Col className='ant-col' span={4}>
+                                <img src="/hrm/hrm_e9/image/custom.png" alt="" />
+                                <div>
+                                    <p>我的客户</p>
+                                    <p>{data.statistical.cusCount}</p>
+                                </div>
+                            </Col>
+                            <Col className='ant-col' span={4}>
+                                <img src="/hrm/hrm_e9/image/cowork.png" alt="" />
+                                <div>
+                                    <p>我的协作</p>
+                                    <p>{data.statistical.collaborationCount}</p>
+                                </div>
+                            </Col>
+                            <Col className='ant-col' span={4}>
+                                <img src="/hrm/hrm_e9/image/weibo.png" alt="" />
+                                <div>
+                                    <p>微博总数</p>
+                                    <p>{data.statistical.weiboCount}</p>
+                                </div>
+                            </Col>
+                        </Row>
+                    </div>
+                    {
+                        data.formItems.map((item,index)=>{
+                            return(
+                                <FormItem groupInfo={item}/>
+                            )
+                        })
+                    }
+                    {
+                        iframeList.map((item,index) => {
+                            return(
+                                <IframeItem iframeInfo={item}/>
+                            )
+                        })
+                    }
+                </div>
+                <div className="gutter-row">
+                    <div className='right'>
+                        {/* <a onClick={() => this.scrollToAnchor("activity1")}>测试</a>   */}
+                    </div>
+                </div>
+            </div>
+            <Spin size="large" tip="" className='scroll-spin' spinning={scrollLoading} />
+
+                
+        </WeaNewScrollPagination>
+
         )
     }
-    
+
 }
\ No newline at end of file
diff --git a/pc4mobx/organization/images/resource.png b/pc4mobx/organization/images/resource.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba06404e08e37d7afb61da8202927df000221318
GIT binary patch
literal 7207
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

literal 0
HcmV?d00001

diff --git a/pc4mobx/organization/stores/resourceCard.js b/pc4mobx/organization/stores/resourceCard.js
index baa4ecd..84e96a2 100644
--- a/pc4mobx/organization/stores/resourceCard.js
+++ b/pc4mobx/organization/stores/resourceCard.js
@@ -7,5 +7,120 @@ import * as Api from '../apis/resourceCard'; // 引入API接口文件
 
 
 export class ResourceCardStore {
- 
+    @observable height = 2000;
+    @observable scrollLoading = true;
+    @observable offset = 20;
+    @observable overtime = 1000;
+    @observable intervalTime = 500;
+
+
+    @action("初始化") init = () => {
+
+    }
+
+
+    /************** json数据*****************/
+    @observable data = {
+        user: {
+            image: "",
+            name: "萧言",
+            sex:"0",
+            email: "1546584672@qq.com",
+            phone: "18822349878",
+            belongTo: "主账号",
+            status: "正式"
+        },
+        statistical: {
+            workflowCount:190,
+            docCount:134,
+            cusCount:28,
+            collaborationCount:28,
+            weiboCount:166
+        },
+        formItems:[
+            {
+                id:'userInfo',
+                title:'员工信息',
+                items:[
+                    {
+                        fieldId:'姓名',
+                        fieldValue:'萧言'
+                    },{
+                        fieldId:'性别',
+                        fieldValue:'男'
+                    },{
+                        fieldId:'出生日期',
+                        fieldValue:'1987年9月1日'
+                    },{
+                        fieldId:'个人邮箱',
+                        fieldValue:'1546875925@qq.com'
+                    },{
+                        fieldId:'电话号码',
+                        fieldValue:'18925689752'
+                    },{
+                        fieldId:'岗位级别',
+                        fieldValue:'-'
+                    },{
+                        fieldId:'职务信息',
+                        fieldValue:'产品运营'
+                    }
+                ]
+            },
+            {
+                id:'workInfo',
+                title:'工作信息',
+                items:[
+                    {
+                        fieldId:'姓名',
+                        fieldValue:'萧言'
+                    },{
+                        fieldId:'性别',
+                        fieldValue:'男'
+                    },{
+                        fieldId:'出生日期',
+                        fieldValue:'1987年9月1日'
+                    },{
+                        fieldId:'个人邮箱',
+                        fieldValue:'1546875925@qq.com'
+                    }
+                ]
+            },
+            {
+                id:'educationInfo',
+                title:'教育经历',
+                items:[
+                    {
+                        fieldId:'本科',
+                        fieldValue:'南京大学'
+                    },{
+                        fieldId:'研究生',
+                        fieldValue:'北京大学'
+                    },{
+                        fieldId:'毕业时间',
+                        fieldValue:'1987-09-21'
+                    },{
+                        fieldId:'获得奖项',
+                        fieldValue:'优秀毕业生'
+                    },{
+                        fieldId:'备注',
+                        fieldValue:'无'
+                    }
+                ]
+            }
+        ],
+       
+    }
+
+    @observable iframeList = [
+        {
+            id:"comp",
+            title:"分部管理",
+            url:'/spa/organization/static/index.html#/main/organization/companyExtend/7'
+        },
+        {
+            id:"dept",
+            title:"部门管理",
+            url:'/spa/organization/static/index.html#/main/organization/companyExtend/7'
+        },
+    ]
 }
diff --git a/pc4mobx/organization/style/card.less b/pc4mobx/organization/style/card.less
new file mode 100644
index 0000000..19c5943
--- /dev/null
+++ b/pc4mobx/organization/style/card.less
@@ -0,0 +1,192 @@
+
+// #container {
+//     background-color: #e5eaf2;
+// }
+//我的卡片样式
+.gutter-resource-card {
+    display: flex;
+    background-color: #e5eaf2;
+    padding-bottom: 15px;
+    .gutter-row:first-child{
+      width: 89%;
+      .top {
+        width: 100%;
+        height: 150px;
+        background-color: #ffffff;
+        padding: 12px;
+        img{
+          float: left;
+          width: 102px;
+          height: 100%;
+        }
+        .user{
+          float: left;
+          margin-left: 20px;
+          .name {
+            font-size: 15px;
+            font-weight: bold;
+            margin-top: 10px;
+            span {
+              margin-left: 15px;
+              .icon-coms-men {
+                color: #6d9fff;
+              }
+              .icon-coms-women {
+                color: #ff6dfa;
+              }
+            }
+          }
+          .icon-info {
+            margin-top: 10px;
+            i {
+              cursor: pointer;
+              color: #6d9fff;
+              margin-left: 15px;
+            }
+            .icon-coms-Send-message{
+              margin-left: 0;
+            }
+          }
+          .content{
+            margin-top: 10px;
+            .label{
+              color: #999999;
+            }
+            .value {
+              margin-left: 5px;
+            }
+          }
+          .content > div span:nth-child(3){
+            margin-left: 30px;
+          }
+        }
+        .right-button{
+          float: right;
+          line-height: 75px;
+          .item {
+            background-color: #2b68f0;
+            color: #ffffff;
+            margin-left: 10px;
+          }
+        }
+      }
+
+      .data {
+        width: 100%;
+        height: 135px;
+        background-color: #ffffff;
+        padding: 12px 25px;
+        margin-top: 20px;
+        .ant-col {
+          -webkit-box-shadow: #eeeeee  0px 0px 10px;
+          -moz-box-shadow: #eeeeee  0px 0px 10px;
+          box-shadow: #eeeeee 0px 0px 10px;
+          padding: 0 10px;
+          img{
+            margin-top: 20px
+          }
+          div{
+            width: 100%;
+            :first-child{
+              float: left;
+              color: #999999;
+              line-height: 35px;
+            }
+            :last-child{
+              float: right;
+              font-weight: 800;
+              font-size: 16px;
+            }
+          }
+          
+        }
+        
+      }
+
+      .form-item {
+        margin-top: 20px;
+        width: 100%;
+        background-color: #ffffff;
+        .title {
+          width: 100%;
+          height: 30px;
+          div {
+            height: 20px;
+            border: 2px solid #2b68f0;
+            margin-left: 5px;
+            margin-top: 5px;
+            float: left;
+          }
+          p{
+            margin-left: 15px;
+            font-size: 13px;
+            font-weight: 900;
+            line-height: 30px;
+          }
+        }
+        .content {
+          width: 100%;
+          padding: 15px;
+          .item{
+            display: flex;
+            div{
+              width: 33.3%;
+              display: inline-block;
+              height: 40px;
+              span:first-child{
+                color: #999999;
+                width: 60px;
+                display: inline-block;
+                text-align: right;
+              }
+              span:last-child{
+                margin-left: 20px;
+              }
+            }
+          }
+        }
+      }
+
+      .iframe-item {
+        margin-top: 20px;
+        width: 100%;
+        background-color: #ffffff;
+        .title {
+          width: 100%;
+          height: 30px;
+          div {
+            height: 20px;
+            border: 2px solid #2b68f0;
+            margin-left: 5px;
+            margin-top: 5px;
+            float: left;
+          }
+          p{
+            margin-left: 15px;
+            font-size: 13px;
+            font-weight: 900;
+            line-height: 30px;
+          }
+        }
+        .content {
+          width: 100%;
+          padding: 15px; 
+        }
+      }
+  
+    
+    } 
+    .gutter-row:last-child{
+      width: 10%;
+      background-color: #ffffff;
+      margin-left: 20px;
+    }
+  }
+
+  .scroll-spin {
+    margin-left: 50%;
+  }
+  
+  
+  
+  
\ No newline at end of file
diff --git a/pc4mobx/organization/style/common.less b/pc4mobx/organization/style/common.less
index 024cb19..b5002b0 100644
--- a/pc4mobx/organization/style/common.less
+++ b/pc4mobx/organization/style/common.less
@@ -88,5 +88,3 @@
   }
 }
 
-//我的卡片样式
-