= 1. 中石油选人代码资源管理 =

== 1.2 中石油选人代码资源地址 ==

远程gitlab地址：[[http://dev.oc.cnpc.com.cn:2014/seeyon/ctp/ctp-selectpeople-front>>http://dev.oc.cnpc.com.cn:2014/seeyon/ctp/ctp-selectpeople-front/-/tree/edoc-portal-feature-selectpeople]]

分支：edoc-protal-feature-selectpeople

= 2. 标准产品选人代码资源管理 =

== 2.1 标准产品选人代码资源地址 ==

远程gitlab地址： [[http://gitlab.seeyon.com/ctp/ctp-organization-front>>http://gitlab.seeyon.com/ctp/ctp-organization-front]]

分支：V8.1-feature-selectorg

== 2.2 标准产品选人代码目录结构 ==

因标准产品中有较多的业务模块，所以标准产品不同业务模块之间的入口不同，导致的build打包采用多页面打包模式。

=== 主入口代码： ===

选人主入口文件：ctp-organization-front\src\views\organization\common\selectOrgMain.js

选人根节点组件：ctp-organization-front\src\views\organization\common\selectOrgApp.vue

=== ===

=== 出口文件: ===

选人主出口html:  ctp-organization-front\dist\seeyon\apps_res\organization\common\selectOrg.html

=== 选人页签位置： ===

选人所有的页签都放置在以下文档目录中，

ctp-organization-front\src\views\organization\common\selectOrg\tabs

选人布局组件放置在如下目录

ctp-organization-front\src\views\organization\common\selectOrg\components

基本左右布局组件：simpleLayout.vue

基本带上下移动按钮三栏布局组件：topBottomLayout.vue

树形结构组件： transforTree.vue

客开代理组件：customBox.vue

=== 选人业务组件位置： ===

选人业务组件包括右侧公共组件、滚动加载数据组件、切换单位组件

ctp-organization-front\src\components\scrollList\index.vue

选人业务组件有右侧已选区choolist

选人平铺组件scrollList

选人图标组件：svgIcon

切换单位组件：teamSelect

= 3. 选人组件设计模式 =

新选人组件基础框架使用vue@2.5.17， 采用vuex统一管理已选数据，整体交互采用左右联动模式，点击左侧复选框后右侧已选区会加入已勾选的内容，同时左侧内容要显示勾选，若对左侧取消勾选则右侧同时取消该条内容。

编撰人：yinyanting、liuyc

快速跳转