From 17063a3f10d6b584ff869cc81fd7e778a8782437 Mon Sep 17 00:00:00 2001
From: Chengliang <1546584672@qq.com>
Date: Fri, 9 Dec 2022 17:51:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=86=E5=8F=B2=E7=89=88=E6=9C=AC=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pc4mobx/organization/apis/company.js          |   3 +-
 .../organization/components/VersionsSlider.js |  85 ++++++++++++
 .../components/company/CompanyExtend.js       | 130 +++++++++---------
 .../components/department/departmentExtend.js |  31 ++++-
 pc4mobx/organization/stores/company.js        |   1 +
 pc4mobx/organization/stores/companyextend.js  |  60 +++++++-
 .../organization/stores/departmentextend.js   |  52 +++++++
 7 files changed, 289 insertions(+), 73 deletions(-)
 create mode 100644 pc4mobx/organization/components/VersionsSlider.js

diff --git a/pc4mobx/organization/apis/company.js b/pc4mobx/organization/apis/company.js
index fc06b9c..9ab3932 100644
--- a/pc4mobx/organization/apis/company.js
+++ b/pc4mobx/organization/apis/company.js
@@ -91,4 +91,5 @@ export const getCompanyExtendForm = (params) => {
 
 export const getHasRight = (params) => {
     return WeaTools.callApi('/api/bs/hrmorganization/comp/getHasRight', 'GET', params);
-}
\ No newline at end of file
+}
+
diff --git a/pc4mobx/organization/components/VersionsSlider.js b/pc4mobx/organization/components/VersionsSlider.js
new file mode 100644
index 0000000..a1770e8
--- /dev/null
+++ b/pc4mobx/organization/components/VersionsSlider.js
@@ -0,0 +1,85 @@
+import {
+  WeaFormItem,
+  WeaTab,
+  WeaTableEdit
+} from 'ecCom'
+
+import {
+  Spin,
+  Button,
+  Tooltip,
+  Row, Col, Select
+} from 'antd'
+
+
+import { chunk, isEmpty } from 'lodash';
+import { toJS } from "mobx";
+const Option = Select.Option;
+
+export default class VersionsSlider extends React.Component {
+
+  componentDidMount() {
+
+  }
+
+  render() {
+    const {
+      versionList,
+      handleChange
+    } = this.props;
+
+    const newData = chunk(versionList.datas, 2);
+
+
+    return (
+      <div style={{ "marginTop": "50px", "paddingLeft": "30px", "height": "30px", "lineHeight": "30px", "paddingRight": "30px" }}>
+        <Row>
+          <Col span={8}>
+            <p>操作人: {versionList.operateName}</p>
+          </Col>
+          <Col span={8}>
+            <p>操作时间: {versionList.operateTime}</p>
+          </Col>
+          <Col span={8}>
+            <div>版本: <Select showSearch
+              style={{ width: 100 }}
+              placeholder="请选择版本"
+              defaultValue="1.0"
+              optionFilterProp="children"
+              notFoundContent="无法找到"
+              onChange={handleChange}
+            >
+              {
+                versionList.versions.map((item) => {
+                  return (<Option value={item.value}>V{item.value}</Option>)
+                })
+              }
+
+            </Select></div>
+          </Col>
+        </Row>
+
+        <div style={{ "marginTop": "30px", "width": "100%" }}>
+          {newData.map((item, index) => {
+            return (
+              <div key={index} style={{ "display": "flex" }}>
+                {item.map((subItem) => {
+                  return (
+                    <div style={{ "width": "50%", "height": "40px", "overflow": "hidden", "testOverflow": "ellipsis", "whiteSpace": "nowrap" }}>
+                      <span style={{ "width": "80px", "display": "inline-block", "textAlign": "right", "color": "#999999" }}>{subItem.fieldId}</span>
+                      {subItem.fieldValue.length > 10 ? <Tooltip placement="topLeft" title={subItem.fieldValue}>
+                        <span style={{ "marginLeft": "20px" }}>{subItem.fieldValue}</span>
+                      </Tooltip> : <span style={{ "marginLeft": "20px" }}>{subItem.fieldValue}</span>}
+
+                    </div>
+
+                  );
+                })}
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    )
+  }
+}
diff --git a/pc4mobx/organization/components/company/CompanyExtend.js b/pc4mobx/organization/components/company/CompanyExtend.js
index 97c53b7..a7968b6 100644
--- a/pc4mobx/organization/components/company/CompanyExtend.js
+++ b/pc4mobx/organization/components/company/CompanyExtend.js
@@ -1,20 +1,21 @@
 /**
  * @Author: 程亮
  * @Date: 2022-05-18 14:52:39
- * @LastEditTime: 2022-12-09 11:08:06
+ * @LastEditTime: 2022-12-09 17:45:16
  * @Description:
  * @FilePath: /trunk/src4js/pc4mobx/organization/components/company/CompanyExtend.js
  */
-import { Button, Modal, message, Row, Col, Spin } from 'antd';
-import isEmpty from 'lodash/isEmpty'
+import { Button, Modal, message, Row, Col, Spin, Select,Tooltip } from 'antd';
+import { chunk,isEmpty } from 'lodash';
 import cloneDeep from 'lodash/cloneDeep'
 import forEach from 'lodash/forEach'
-import { WeaAlertPage, WeaTools, WeaTableEdit, WeaSearchGroup, WeaRightMenu, WeaFormItem, WeaTab, WeaTop,WeaSlideModal } from 'ecCom'
+import { WeaAlertPage, WeaTools, WeaTableEdit, WeaSearchGroup, WeaRightMenu, WeaFormItem, WeaTab, WeaTop, WeaSlideModal } from 'ecCom'
 import { WeaSwitch } from 'comsMobx';
 import { inject, observer } from 'mobx-react';
 import * as mobx from 'mobx';
 import { i18n } from '../../public/i18n';
 import '../../style/common.less';
+import VersionsSlider from '../VersionsSlider';
 
 const toJS = mobx.toJS;
 import '../../style/common.less';
@@ -184,7 +185,7 @@ export default class CompanyExtend extends React.Component {
             content: i18n.button.version(),
             key: 'view',
             onClick: key => {
-              this.editCard();
+              this.view();
             }
           }
           ]
@@ -242,6 +243,7 @@ export default class CompanyExtend extends React.Component {
     companyExtend.open = false;
   }
 
+
   changeData(key) {
     const {
       companyExtend
@@ -251,69 +253,69 @@ export default class CompanyExtend extends React.Component {
 
   render() {
     const { companyExtend } = this.props;
-    const { loading, tabkey, tabInfo, topTab, selectedKey, date, detailSelectedKey, isEditor, open } = companyExtend;
+    const { loading, tabkey, tabInfo, topTab, selectedKey, date, detailSelectedKey, isEditor, open, versionList } = companyExtend;
 
-    //try {
-    return (
-      <div className='hrm-my-cardInfo' style={{ height: '100%', position: 'relative' }}>
-        <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
-          datas={this.getRightMenu()}
-        >
-          <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@bj98s7`}
-            loading={true}
-            title={isEditor ? i18n.label.updateCompany() : i18n.label.viewCompany()}
-            icon={<i className='icon-coms-hrm' />}
-            iconBgcolor='#217346'
-            buttons={this.getTopButtons()}
-            showDropIcon={true}
-            dropMenuDatas={this.getRightMenu()}
+    try {
+      return (
+        <div className='hrm-my-cardInfo' style={{ height: '100%', position: 'relative' }}>
+          <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
+            datas={this.getRightMenu()}
           >
-            <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@9c3zts`}
-              datas={topTab}
-              keyParam="viewCondition" //主键
-              selectedKey={selectedKey}
-              onChange={this.changeData.bind(this)}
-            />
-            <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4fj4z2`} spinning={loading}>
-              {this.getSearchs()}
-              {
-                !isEmpty(tabInfo) && <div className='hrm-my-cardInfo_detial_tabs'>
-                  <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@vjrq63`}
-                    type='card'
-                    keyParam='key'
-                    datas={toJS(tabInfo)}
-                    selectedKey={detailSelectedKey}
-                    onChange={v => {
-                      companyExtend.updateDetailSelectedKey(v);
-                    }}
-                  />
-                  {this.getTabChildren()}
-                </div>
-              }
-            </Spin>
-            
-          
-          </WeaTop>
+            <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@bj98s7`}
+              loading={true}
+              title={isEditor ? i18n.label.updateCompany() : i18n.label.viewCompany()}
+              icon={<i className='icon-coms-hrm' />}
+              iconBgcolor='#217346'
+              buttons={this.getTopButtons()}
+              showDropIcon={true}
+              dropMenuDatas={this.getRightMenu()}
+            >
+              <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@9c3zts`}
+                datas={topTab}
+                keyParam="viewCondition" //主键
+                selectedKey={selectedKey}
+                onChange={this.changeData.bind(this)}
+              />
+              <Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4fj4z2`} spinning={loading}>
+                {this.getSearchs()}
+                {
+                  !isEmpty(tabInfo) && <div className='hrm-my-cardInfo_detial_tabs'>
+                    <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@vjrq63`}
+                      type='card'
+                      keyParam='key'
+                      datas={toJS(tabInfo)}
+                      selectedKey={detailSelectedKey}
+                      onChange={v => {
+                        companyExtend.updateDetailSelectedKey(v);
+                      }}
+                    />
+                    {this.getTabChildren()}
+                  </div>
+                }
+              </Spin>
 
-        </WeaRightMenu>
 
-        <WeaSlideModal visible={open}
-                  top={6}
-                  width={40}
-                  height={94}
-                  direction={'right'}
-                  measure={'%'}
-                  onClose={this.onClose}
-                  onAnimationEnd={() => console.log('onAnimationEnd')}/>
-           
-      </div>
-    )
-    //}
-    // catch (e) {
-    //   return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@h1wgnu`}>
-    //     <div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
-    //   </WeaAlertPage>
-    // }
+            </WeaTop>
+
+          </WeaRightMenu>
+
+          <WeaSlideModal visible={open}
+            top={6}
+            width={40}
+            height={94}
+            direction={'right'}
+            measure={'%'}
+            content={<VersionsSlider versionList={versionList} handleChange={val => companyExtend.changeVersion(val)}/>}
+            onClose={this.onClose}
+            onAnimationEnd={() => console.log('onAnimationEnd')} />
+        </div>
+      )
+    }
+    catch (e) {
+      return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@h1wgnu`}>
+        <div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
+      </WeaAlertPage>
+    }
   }
 }
 
diff --git a/pc4mobx/organization/components/department/departmentExtend.js b/pc4mobx/organization/components/department/departmentExtend.js
index a310b69..6c20f50 100644
--- a/pc4mobx/organization/components/department/departmentExtend.js
+++ b/pc4mobx/organization/components/department/departmentExtend.js
@@ -1,7 +1,7 @@
 /**
  * @Author: 程亮
  * @Date: 2022-06-02 09:20:03
- * @LastEditTime: 2022-06-29 17:42:27
+ * @LastEditTime: 2022-12-09 17:46:00
  * @Description:
  * @FilePath: /trunk/src4js/pc4mobx/organization/components/department/departmentExtend.js
  */
@@ -11,12 +11,13 @@ import { Button, Modal, message, Row, Col, Spin } from 'antd';
 import isEmpty from 'lodash/isEmpty'
 import cloneDeep from 'lodash/cloneDeep'
 import forEach from 'lodash/forEach'
-import { WeaAlertPage, WeaTools, WeaTableEdit, WeaSearchGroup, WeaRightMenu, WeaFormItem, WeaTab, WeaTop } from 'ecCom'
+import { WeaAlertPage, WeaTools, WeaTableEdit, WeaSearchGroup, WeaRightMenu, WeaFormItem, WeaTab, WeaTop,WeaSlideModal } from 'ecCom'
 import { WeaSwitch } from 'comsMobx';
 import { inject, observer } from 'mobx-react';
 import * as mobx from 'mobx';
 import { i18n } from '../../public/i18n';
 import AttachToNumberField from "../NewNumberField";
+import VersionsSlider from '../VersionsSlider';
 
 const toJS = mobx.toJS;
 import '../../style/common.less';
@@ -40,6 +41,11 @@ export default class DepartmentExtendStore extends React.Component {
     departmentExtend.getData();
   }
 
+  view = () => {
+    const { departmentExtend } = this.props;
+    departmentExtend.open = true;
+  }
+
   getTabChildren = () => {
     const { departmentExtend } = this.props;
     let { tableInfo, isEditor, tabkey, onRowSelect, selectedRowKeys, detailSelectedKey } = departmentExtend;
@@ -179,6 +185,13 @@ export default class DepartmentExtendStore extends React.Component {
             onClick: key => {
               this.editCard();
             }
+          }, {
+            icon: <i className='icon-coms-common' />,
+            content: i18n.button.version(),
+            key: 'view',
+            onClick: key => {
+              this.view();
+            }
           }
           ]
         }
@@ -193,6 +206,8 @@ export default class DepartmentExtendStore extends React.Component {
     const save = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@pkes6y`} type="primary" onClick={this.saveEditCard} >{i18n.button.save()}</Button>;
     const back = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@pl1fw8`} type="primary" onClick={this.backCard} >{i18n.button.back()}</Button>;
     const edit = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@vkeda5`} type="primary" onClick={this.editCard} >{i18n.button.modify()}</Button>;
+    const view = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@vkeda5`} type="primary" onClick={this.view} >{i18n.button.version()}</Button>;
+
     const btns = [];
     try {
       if (isEditor) {
@@ -203,6 +218,7 @@ export default class DepartmentExtendStore extends React.Component {
       } else {
         if (buttons.hasEdit) {
           btns.push(edit);
+          btns.push(view);
         }
       }
     } catch (e) { }
@@ -232,7 +248,7 @@ export default class DepartmentExtendStore extends React.Component {
 
   render() {
     const { departmentExtend } = this.props;
-    const { loading, tabkey, tabInfo, topTab, selectedKey, date, detailSelectedKey,isEditor } = departmentExtend;
+    const { loading, tabkey, tabInfo, topTab, selectedKey, date, detailSelectedKey,isEditor,open, versionList } = departmentExtend;
 
     try {
       return (
@@ -274,6 +290,15 @@ export default class DepartmentExtendStore extends React.Component {
               </Spin>
             </WeaTop>
           </WeaRightMenu>
+          <WeaSlideModal visible={open}
+            top={6}
+            width={40}
+            height={94}
+            direction={'right'}
+            measure={'%'}
+            content={!isEmpty(versionList) ? <VersionsSlider versionList={versionList} handleChange={val => departmentExtend.changeVersion(val)}/> : ''} 
+            onClose={this.onClose}
+            onAnimationEnd={() => console.log('onAnimationEnd')} />
 
         </div>
       )
diff --git a/pc4mobx/organization/stores/company.js b/pc4mobx/organization/stores/company.js
index 813a65e..077cc2c 100644
--- a/pc4mobx/organization/stores/company.js
+++ b/pc4mobx/organization/stores/company.js
@@ -312,6 +312,7 @@ export class CompanyStore {
     return true;
   }
 
+
   setIds(ids) {
     this.ids = ids;
   }
diff --git a/pc4mobx/organization/stores/companyextend.js b/pc4mobx/organization/stores/companyextend.js
index 7729e26..ddb4d46 100644
--- a/pc4mobx/organization/stores/companyextend.js
+++ b/pc4mobx/organization/stores/companyextend.js
@@ -79,9 +79,10 @@ export class CompanyExtendStore {
 
   editResource = () => {
     let pDatas = this.form.getFormParams();
-    Api.editResource({ ...{
+    Api.editResource({
+      ...{
         id: this.id,
-        viewCondition:this.selectedKey
+        viewCondition: this.selectedKey
       },
       ...pDatas,
       ...this.getTableEditParams()
@@ -125,7 +126,7 @@ export class CompanyExtendStore {
     let params = {
       viewAttr: this.isEditor ? 2 : 1,
       id: this.id,
-      viewCondition:this.selectedKey
+      viewCondition: this.selectedKey
     }
     Api.getCompanyExtendForm(params).then((res) => {
       if (res.code === 200) {
@@ -145,7 +146,7 @@ export class CompanyExtendStore {
       message.warning(error.msg);
     })
 
-   
+
 
 
   }
@@ -175,6 +176,10 @@ export class CompanyExtendStore {
     if (!isEmpty(this.tabInfo)) this.detailSelectedKey = this.tabInfo[0].key;
   }
 
+  changeVersion = data => {
+    debugger
+  }
+
   setLoading(val) {
     this.loading = val;
   }
@@ -184,7 +189,7 @@ export class CompanyExtendStore {
     this.tabKey = key;
   }
 
-  updateDetailSelectedKey =(key) => {
+  updateDetailSelectedKey = (key) => {
     this.detailSelectedKey = key;
   }
 
@@ -240,4 +245,49 @@ export class CompanyExtendStore {
     this.date = date;
   }
 
+  //历史版本
+  @observable versionList = {
+    operateName: '史永成',
+    operateTime: '2022-12-31',
+    versions: [
+      { value: "1.0" },
+      { value: "1.1" },
+      { value: "1.2" },
+      { value: "1.3" }
+    ],
+    datas: [
+      {
+        fieldId: '简称',
+        fieldValue: '泛微'
+      }, {
+        fieldId: '全称',
+        fieldValue: '泛微'
+      }, {
+        fieldId: '上级分部',
+        fieldValue: '泛微北京'
+      }, {
+        fieldId: '网站',
+        fieldValue: '1546875925@qq.com'
+      }, {
+        fieldId: '分部ID',
+        fieldValue: '8'
+      }, {
+        fieldId: '显示顺序',
+        fieldValue: '9'
+      }, {
+        fieldId: '分部编号',
+        fieldValue: '分部1-1'
+      }, {
+        fieldId: '限制用户数',
+        fieldValue: '产品运营'
+      }, {
+        fieldId: '在职离职人数',
+        fieldValue: '产品运营'
+      }
+    ]
+
+
+
+  }
+
 }
diff --git a/pc4mobx/organization/stores/departmentextend.js b/pc4mobx/organization/stores/departmentextend.js
index 806607d..1371ac9 100644
--- a/pc4mobx/organization/stores/departmentextend.js
+++ b/pc4mobx/organization/stores/departmentextend.js
@@ -28,6 +28,8 @@ export class DepartmentExtendStore {
   @observable selectedRowKeys = [];
   @observable selectedRows = [];
 
+  @observable open = false;
+
   @action onRowSelect = (keys) => {
     this.setSelectedRowKeys(keys);
   }
@@ -168,6 +170,11 @@ export class DepartmentExtendStore {
     if (!isEmpty(this.tabInfo)) this.detailSelectedKey = this.tabInfo[0].key;
   }
 
+  changeVersion = data => {
+    debugger
+  }
+
+
   setLoading(val) {
     this.loading = val;
   }
@@ -233,5 +240,50 @@ export class DepartmentExtendStore {
     this.date = date;
   }
 
+  //历史版本
+  @observable versionList = {
+    operateName: '史永成',
+    operateTime: '2022-12-31',
+    versions: [
+      { value: "1.0" },
+      { value: "1.1" },
+      { value: "1.2" },
+      { value: "1.3" }
+    ],
+    datas: [
+      {
+        fieldId: '简称',
+        fieldValue: '泛微'
+      }, {
+        fieldId: '全称',
+        fieldValue: '泛微'
+      }, {
+        fieldId: '上级分部',
+        fieldValue: '泛微北京'
+      }, {
+        fieldId: '网站',
+        fieldValue: '1546875925@qq.com'
+      }, {
+        fieldId: '分部ID',
+        fieldValue: '8'
+      }, {
+        fieldId: '显示顺序',
+        fieldValue: '9'
+      }, {
+        fieldId: '分部编号',
+        fieldValue: '分部1-1'
+      }, {
+        fieldId: '限制用户数',
+        fieldValue: '产品运营'
+      }, {
+        fieldId: '在职离职人数',
+        fieldValue: '产品运营'
+      }
+    ]
+
+
+
+  }
+
 
 }