yiyun-fe
/
yiyunjianzhu-vue
4
0
Forkuj 0
Kod Oczekujące zmiany 0 Wydania 0 Aktywność
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
76 Commity
9 Gałęzie
488 MiB
 
 
 
 
Drzewo: 0a46d4e4f3
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '0a46d4e4f3'
${ noResults }
yiyunjianzhu-vue/src/views/components_web/distWork/distWork.vue

1558 wiersze
66 KiB
Czysty Wina Historia 

  1. <!--

  2.  * @Description: 分配工作组件

  3.  * @version: V1.0

  4.  * @Author: xzx

  5.  * @Date: 2019-11-14 13:55:16

  6.  * @LastEditors  : xzx

  7.  * @LastEditTime : 2020-01-07 19:56:20

  8.  -->

  9. <template>

  10.   <div>

  11.     <!-- 底部弹框 -->

  12.     <div class="bottomdialog" v-show="isBottomNewProj" style="height: 60px;">

  13.       <!-- <div style="margin-top: 10px;" class="yiyun_dialog_left yiyun_zhedie" @click="showContinueNewProj">

  14.         <span class="yiyun_zhankaibtn">

  15.           <i class="Cicon text_gray icon font_family icon-icon_zhankai" title="展开面板"></i>

  16.         </span>

  17.       </div> -->

  18.       <div style="margin-top: 10px;" class="yiyun_dialog_left yiyun_zhedie" @click="offDialog">

  19.         关闭

  20.       </div>

  21. 

  22.       <div class="yiyun_dialog_center">

  23.         <div class="bottomdialogbox_list_head newProject_next_taggle1 line_H60">

  24.           <div class="yiyun_col-6 fl">

  25.             <h3>继续-新建项目</h3>

  26.           </div>

  27.         </div>

  28.       </div>

  29.       <!-- <div class="yiyun_dialog_right yiyundialog_close" style="margin-top: 15px;" @click="offDialog">

  30.         关闭

  31.       </div> -->

  32.     </div>

  33. 

  34.     <!-- 新建项目弹框 -->

  35.     <div class="bottomdialog">

  36.       <div class="yiyun_dialog_left yiyun_zhedie">

  37.         <span @click="offDialog">关闭</span>

  38.         <!-- <span class="yiyun_zhediebtn">

  39.           <i

  40.             class="Cicon text_gray icon font_family icon-icon_shouqi"

  41.             @click="showzhankai"

  42.             title="折叠面板"

  43.             v-show="isShowThreePage != true"

  44.           ></i>

  45.         </span> -->

  46.       </div>

  47.       <div class="yiyun_dialog_center">

  48.         <!-- 头部信息 -->

  49.         <span class="backshangyicheng prev_to_2" @click="toSecondPage" v-show="isShowThreePage == true && isShowManager"><i class="yiyun_icon icon_topnav_backicon"></i></span>

  50.         <span class="backshangyicheng prev_to_2" @click="toFirstPage" v-show="isShowSecondPage == true"><i class="yiyun_icon icon_topnav_backicon"></i></span>

  51.         <span class="backshangyicheng prev_to_2" @click="backFirstPage" v-show="isShowPrjDesc == true"><i class="yiyun_icon icon_topnav_backicon"></i></span>

  52.         <div class="bottomdialogbox_list_head newProject_next_taggle1">

  53.           <div class="EC_col_16">

  54.             <h3 v-show="isShowFirstPage" :title="curProjCreatePeop">

  55.               {{ curProjCreatePeop }}

  56.             </h3>

  57.               <h3 v-show="isShowPrjDesc == true">项目概况</h3>

  58.               <h3 v-show="isShowThreePage == true">指派职员</h3>

  59.               <h3 v-show="isShowSecondPage == true">指派工作负责人</h3>

  60.           </div>

  61.           <div class="EC_col_8">

  62.             <div class="fr mt-26">

  63.               <el-button type="primary" round class="fr width_120" @click="toThreePage" v-show="isShowSecondPage == true">分配职员</el-button>

  64.               <el-button type="primary" round class="fr width_120" @click="backFirstPage" v-show="isShowThreePage == true">完成或跳过</el-button>

  65.               <el-button type="primary" round class="fr width_120" @click="submitAndClose" v-show="isShowFirstPage == true">完成</el-button>

  66.             </div>

  67.           </div>

  68.           <div class="clear"></div>

  69.           <div class="yiyun_Tbline"></div>

  70.         </div>

  71.       </div>

  72.       <div class="yiyun_dialog_right yiyundialog_close">

  73.         <!-- <span @click="offDialog">关闭</span> -->

  74.       </div>

  75.       <div class="clear"></div>

  76.        <div class="linescoll" v-show="isShowdivid2"></div>

  77.       <div class="dialogcontentbody" id="bottomDiaBody2">

  78.         <div class="dialogcontentbodyrow" id="bottomDiaChild2">

  79.           <div class="centerWarpDia" >

  80.             <div v-show="isShowFirstPage" class="PaincenterBox">

  81.               <!-- first pane -->

  82.               <!-- 线下内容区 -->

  83.               <div class="xiezuobox">

  84.                 <!-- <div class="maxlongBtn" v-on:click="goShowPrjDesc">

  85.                   查看项目概况

  86.                   <i class="icon font_family icon-icon_fanhui rightIcon"></i>

  87.                 </div> -->

  88.                 <div class="clear"></div>

  89.                 <!-- 分配业主工作 -->

  90.                 <div class="line_from">

  91.                   <!-- 项目管理权限 start -->

  92.                   <div class="fuzeren"  v-if="isProjManager">

  93.                   <div><span class="label_text">项目管理权限</span> </div>

  94.                   <div class="mt-10">

  95.                     <div class="fl firstPeople">

  96.                       <!-- 默认添加 -->

  97.                       <div >

  98.                         <div class="avtarface" :title="currUser.cnName">

  99.                         <img :src="currUser.userInfo.headImgUrl | resolveAvator"/>

  100.                         </div>

  101.                        <span class="Text_tiny tinyText_wirte">{{currUser.cnName}}</span>

  102.                       </div>

  103.                     </div>

  104.                     <!-- 竖线 -->

  105.                     <div class="fl vhLine mlr-20"></div>

  106.                     <!-- 添加职员 -->

  107.                     <div class="fl addBtn_new" title="添加项目负责人" @click="addProjManager()">

  108.                       <i class="el-icon-plus middleaddEC"></i>

  109.                     </div>

  110.                     <div class="fl chengyuanbox">

  111.                       <ul class="ECworkerList">

  112.                           <li v-for="(user, index) in listManagerUser" :key="index">

  113.                           <div v-if="index < 14 || showAll ">

  114.                             <div class="avtarface" :title="user.cnName">

  115.                               <!-- <img src="" v-lazy="headSrc+user.headImgUrl" /> -->

  116.                               <img :src="user.headImgUrl | resolveAvator" />

  117.                             </div>

  118.                             <span class="Text_tiny tinyText_wirte">{{user.cnName}}</span>

  119.                           </div>

  120.                         </li>

  121.                       </ul>

  122.                     </div>

  123.                   </div>

  124.                 </div>

  125.                   <!-- 项目管理权限 end -->

  126.                   <div>

  127.                     <div class="tianjiaxiezuorenBox" v-for="(folder, folderIndex) in listNewFolder" :key="folderIndex">

  128.                       <div v-if="tempIndex!=folderIndex||folderIndex==0" class="self_newitem">

  129.                         <h5 class="fl label_text">

  130.                           <i class="el-icon-caret-right hand" v-show="opentree" @click="openECtree"></i>

  131.                           <i class="el-icon-caret-bottom hand" v-show="!opentree" @click="closeECtree"></i>

  132.                           {{ folderIndex + 1 }} <span>.</span>

  133.                           {{ folder.folderName }}

  134.                         </h5>

  135.                           <div class="selfoptiongroup">

  136.                             <el-button v-if="folder.default == false" v-on:click="eidtTitle(folderIndex)">编辑</el-button>

  137.                           </div>

  138.                       </div>

  139.                       <div v-if="showTitle == 2&&tempIndex==folderIndex" class="self_newitem">

  140.                         <input v-model="folder.folderName" :class="

  141.                             folder.default == false

  142.                               ? 'bianji_input self_Inputwork'

  143.                               : 'fl label_text_moren'

  144.                           " :disabled="folder.default" />

  145.                         <div class="selfoptiongroup">

  146.                           <el-button type="primary" v-if="folder.default == false" v-on:click="saveTitle">保存</el-button>

  147.                           <el-button v-if="folder.default == false" v-on:click="deleTitle(folderIndex)">删除</el-button>

  148.                         </div>

  149.                       </div>

  150.                       <div>

  151.                         <div class="fl firstPeople">

  152.                           <!-- 默认添加 -->

  153.                           <div v-if="folder.manageUser == ''">

  154.                             <div class="avtarface" @click="aloneAddUserForFolder(folder)">

  155.                               <!-- <i class="large_huangguan icon font_family icon-icon_huangguan-jihuo"></i> -->

  156.                               <i class="large_huangguan el-icon-plus"></i>

  157.                             </div>

  158.                             <span class="Text_tiny tinyText_wirte">工作负责人</span>

  159.                           </div>

  160.                           <li v-for="(user, index) in folder.manageUser" :key="index">

  161.                             <div>

  162.                               <div class="avtarface" title="编辑">

  163.                                 <!-- <img src="" v-lazy="headSrc + user.headImgUrl" @click="aloneAddUserForFolder(folder)" /> -->

  164.                                 <img :src="user.headImgUrl | resolveAvator" @click="aloneAddUserForFolder(folder)" />

  165.                               </div>

  166.                               <span class="Text_tiny tinyText_wirte">{{

  167.                                 user.cnName

  168.                               }}</span>

  169.                             </div>

  170.                           </li>

  171.                         </div>

  172.                         <!-- 竖线 -->

  173.                         <div class="fl vhLine mlr-20"></div>

  174.                         <!-- 添加职员 -->

  175.                         <div class="fl addBtn_new" title="添加职员" @click="aloneAddUserOnlyStaff(folder)" v-if="folder.manageUser != ''">

  176.                           <i class="el-icon-plus middleaddEC"></i>

  177.                         </div>

  178.                         <div class="fl chengyuanbox">

  179.                           <ul class="ECworkerList">

  180.                             <li v-for="(user, index) in listUserComputed(

  181.                                 folder.listUser

  182.                               )" :key="index">

  183.                               <div v-if="index < 14 || showAll">

  184.                                 <div class="avtarface" title="编辑">

  185.                                   <!-- <img src="" v-lazy="headSrc + user.headImgUrl" /> -->

  186.                                   <img :src="user.headImgUrl | resolveAvator" />

  187.                                 </div>

  188.                                 <span class="Text_tiny tinyText_wirte">{{

  189.                                   user.cnName

  190.                                 }}</span>

  191.                               </div>

  192.                               <div class v-if="index == 14 && !showAll" @click="showAllClick">

  193.                                 <span class="zhangkai_down"></span>

  194.                                 <span class="Text_tiny tinyText_wirte">展开全部</span>

  195.                               </div>

  196.                               <div v-if="

  197.                                   showAll &&

  198.                                     index == folder.listUser.length - 1 &&

  199.                                     index > 14

  200.                                 " @click="showAll = false" class="newweizhi">

  201.                                 <span class="zhangkai_up"></span>

  202.                                 <span class="Text_tiny tinyText_wirte">收起职员</span>

  203.                               </div>

  204.                             </li>

  205.                           </ul>

  206.                         </div>

  207.                         <div class="clear"></div>

  208.                       </div>

  209.                       <div class="tianjiaxiezuorenBox" v-for="(folderChild, childIndex) in folder.listChildren" :key="childIndex" v-show="nodeLeaves">

  210.                         <div v-if="tempIndex!=childIndex||childIndex==0" class="self_newitem">

  211.                           <h5 class="fl label_text">

  212.                             {{ childIndex + 1 }}.{{ folderChild.folderName }}

  213.                           </h5>

  214.                             <div class="selfoptiongroup">

  215.                               <el-button v-if="folderChild.default == false" v-on:click="eidtTitle(childIndex)">编辑</el-button>

  216.                             </div>

  217.                         </div>

  218.                         <div v-if="showTitle == 2&&tempIndex==folderIndex" class="self_newitem">

  219.                           <input v-model="folderChild.folderName" :class="

  220.                               folderChild.default == false

  221.                                 ? 'bianji_input self_Inputwork'

  222.                                 : 'fl label_text_moren'

  223.                             " :disabled="folderChild.default" />

  224.                           <div class="selfoptiongroup">

  225.                             <el-button type="primary" v-if="folderChild.default == false" v-on:click="saveTitle">保存</el-button>

  226.                             <el-button v-if="folderChild.default == false" v-on:click="deleTitle(folderIndex)">删除</el-button>

  227.                           </div>

  228.                         </div>

  229.                         <div>

  230.                           <div class="fl firstPeople">

  231.                             <!-- 默认添加 -->

  232.                             <div v-if="folderChild.manageUser == ''">

  233.                               <div class="avtarface" @click="aloneAddUserForFolder(folderChild)">

  234.                                 <i class="large_huangguan el-icon-plus"></i>

  235.                               </div>

  236.                               <span class="Text_tiny tinyText_wirte">工作负责人</span>

  237.                             </div>

  238.                             <li v-for="(user, index) in folderChild.manageUser" :key="index">

  239.                               <div>

  240.                                 <div class="avtarface" title="编辑">

  241.                                   <!-- <img src="" v-lazy="headSrc + user.headImgUrl" @click="aloneAddUserForFolder(folderChild)" /> -->

  242.                                    <img :src="user.headImgUrl | resolveAvator" @click="aloneAddUserForFolder(folderChild)" />

  243.                                 </div>

  244.                                 <span class="Text_tiny tinyText_wirte">{{

  245.                                   user.cnName

  246.                                 }}</span>

  247.                               </div>

  248.                             </li>

  249.                           </div>

  250.                           <!-- 竖线 -->

  251.                           <div class="fl vhLine mlr-20"></div>

  252.                           <!-- 添加职员 -->

  253.                           <div class="fl addBtn_new" title="添加职员" @click="aloneAddUserOnlyStaff(folderChild)">

  254.                             <i class="el-icon-plus middleaddEC"></i>

  255.                           </div>

  256.                           <div class="fl chengyuanbox">

  257.                             <ul class="ECworkerList">

  258.                               <li v-for="(user, index) in listUserComputed(

  259.                                   folderChild.listUser

  260.                                 )" :key="index">

  261.                                 <div v-if="index < 14 || showAll">

  262.                                   <div class="avtarface" title="编辑">

  263.                                     <img :src=" user.headImgUrl | resolveAvator" />

  264.                                   </div>

  265.                                   <span class="Text_tiny tinyText_wirte">{{

  266.                                     user.cnName

  267.                                   }}</span>

  268.                                 </div>

  269.                                 <div class v-if="index == 14 && !showAll" @click="showAllClick">

  270.                                   <span class="zhangkai_down"></span>

  271.                                   <span class="Text_tiny tinyText_wirte">展开全部</span>

  272.                                 </div>

  273.                                 <div v-if="

  274.                                     showAll &&

  275.                                       index ==

  276.                                         folderChild.listUser.length - 1 &&

  277.                                       index > 14

  278.                                   " @click="showAll = false" class="newweizhi">

  279.                                   <span class="zhangkai_up"></span>

  280.                                   <span class="Text_tiny tinyText_wirte">收起职员</span>

  281.                                 </div>

  282.                               </li>

  283.                             </ul>

  284.                           </div>

  285.                           <div class="clear"></div>

  286.                         </div>

  287.                       </div>

  288.                     </div>

  289.                   </div>

  290.                   <div v-show="listNewFolder.length>0">

  291.                     <span class="fl label_text">自定义工作</span>

  292.                     <span class="fr mt-10" @click="addProjFolderWork()"><i class="yiyunPlusmini"></i></span>

  293.                   </div>

  294.                 </div>

  295.               </div>

  296.             </div>

  297.             <!-- 分配工作--项目概况 -->

  298.             <div v-show="isShowPrjDesc" class="PaincenterBox">

  299.               <!-- 表单  横线输入框表单-->

  300.               <el-form ref="" v-model="nowProject" class="line_from" label-width="100px" label-position="left">

  301.                 <div class="yiyun_col-6 fl">

  302.                   <div class="bianju_item_fr">

  303.                     <el-form-item label="项目负责：">

  304.                       <span>{{ nowProject.cnName }}</span>

  305.                     </el-form-item>

  306.                   </div>

  307.                 </div>

  308.                 <div class="yiyun_col-6 fl">

  309.                   <div class="bianju_item_fr">

  310.                     <el-form-item label="创建时间：">

  311.                       <span>{{ nowProject.strCreateTime }}</span>

  312.                     </el-form-item>

  313.                   </div>

  314.                 </div>

  315.                 <div class="yiyun_col-12 fl" v-for="prop in listProjProp" :key="prop.propertyID">

  316.                   <div class="yiyunlargeItem">

  317.                     <el-form-item :label="prop.propName + '：'">

  318.                       <span>{{ prop.propValue }}</span>

  319.                     </el-form-item>

  320.                   </div>

  321.                 </div>

  322.               </el-form>

  323.             </div>

  324.             <!-- 选择负责人 -->

  325.             <div v-show="isShowSecondPage" class="PaincenterBox">

  326.               <div class="xiezuobox">

  327.                 <!-- 左侧折叠面板 -->

  328.                 <div class="yiyun_col-6 bg_text_wirte mt-8">

  329.                   <div class="row_painfl">

  330.                     <!-- 折叠面板 -->

  331.                     <el-collapse accordion v-model="activeName">

  332.                       <!-- 添加协作群与工作 -->

  333.                       <el-collapse-item name="1" class="nomidline">

  334.                         <template slot="title">

  335.                           <span class="fr mr_20">

  336.                           <el-checkbox class="checkBoxCol" v-model="ischeckAll" @change="handleCheckTopAll">全选</el-checkbox>

  337.                           </span>

  338.                           <span>从部门中选择职员</span>

  339.                         </template>

  340.                         <el-collapse accordion v-for="(dept, group_index) in listDept" v-show="dept.listUser.length>0" :key="group_index">

  341.                           <!-- 二级折叠面板 -->

  342.                           <el-collapse-item>

  343.                             <template slot="title">

  344.                               <span class="fr mr_20">

  345.                               <el-checkbox class="checkBoxCol" v-model="dept.selected" :key="group_index" @change="handleCheckItemAll(group_index,$event)">全选</el-checkbox>

  346.                               </span>

  347.                               <span>{{ dept.deptName }} </span>

  348.                             </template>

  349.                             <!-- <div class="user_info_item" v-for="(user, index) in listUserManager(

  350.                                 dept.listUser

  351.                               )" :label="user" :key="index"> -->

  352.                               <div class="user_info_item" v-for="(user, index) in dept.listUser" :label="user" :key="index">

  353.                               <el-checkbox class="checkBoxCol" v-model="user.selected" @change="

  354.                                   handleCheckedOnlyOne(

  355.                                     group_index,

  356.                                     user,

  357.                                     $event

  358.                                   )

  359.                                 " :disabled="disabled">

  360.                                 <div class="checkboxlabelitem">

  361.                                   <!-- <img v-lazy="headSrc + user.headImgUrl" alt="" class="user_info_faceImg" /> -->

  362.                                   <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />

  363.                                   <span class="user_info_name">{{

  364.                                     user.cnName

  365.                                   }}</span>

  366.                                     <el-popover placement="bottom-start" width="180" trigger="hover">

  367.                                       <ul class="popover_ul popover_ul">

  368.                                         <li>

  369.                                           <a href="javascript:;">{{

  370.                                           user.companyName

  371.                                         }}</a>

  372.                                         </li>

  373.                                         <li>

  374.                                           <a href="javascript:;">{{

  375.                                           user.phone

  376.                                         }}</a>

  377.                                         </li>

  378.                                         <li>

  379.                                           <a href="javascript:;">所在项目{{ user.projCount }}个</a>

  380.                                         </li>

  381.                                       </ul>

  382.                                       <span class="user_info_job" slot="reference">{{user.position }}</span>

  383.                                     </el-popover>

  384.                                     <span class="user_info_role">{{

  385.                                     user.roleName

  386.                                   }}</span>

  387.                                 </div>

  388.                               </el-checkbox>

  389.                             </div>

  390.                           </el-collapse-item>

  391.                         </el-collapse>

  392.                       </el-collapse-item>

  393.                     </el-collapse>

  394.                   </div>

  395.                 </div>

  396.                 <div class="shuxian"></div>

  397.                 <!-- 右侧折叠面板 -->

  398.                 <div class="yiyun_col-6">

  399.                   <h4 class="rightXiezuoren">已选职员</h4>

  400.                   <div class="row_painfr">

  401.                     <div class="yiyun_line"></div>

  402.                     <span>工作负责人</span>

  403.                     <div class="yiyun_line"></div>

  404.                     <!-- 项目负责人选择前 isSlectPal -->

  405.                     <div class="main_workerBox" v-if="listManagerComputed(selectedUser).length == 0">

  406.                       <i class="icon font_family icon-icon_huangguan-weijihuo largehuangguan"></i>

  407.                       <div class="rentou_alrge"></div>

  408.                     </div>

  409.                     <!-- 项目负责人选择后 -->

  410.                     <div v-if="listManagerComputed(selectedUser).length != 0">

  411.                       <!-- <div class="user_info_item mainpeople_H" v-for="(user, index) in listManagerComputed(

  412.                           selectedUser

  413.                         )" :key="index"> -->

  414.                       <div class="user_info_item mainpeople_H" v-for="(user, index) in selectedUser" :key="index">

  415.                         <i class="icon font_family icon-icon_huangguan-jihuo middlehuangguan fl" title="负责人"></i>

  416.                         <!-- <img v-lazy="headSrc + user.headImgUrl" alt="" class="user_info_faceImg" /> -->

  417.                          <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />

  418.                         <span class="user_info_name">{{ user.cnName }}</span>

  419.                           <el-popover placement="bottom-start" width="180" trigger="hover">

  420.                             <ul class="popover_ul popover_ul">

  421.                               <li>

  422.                                 <a href="javascript:;">{{ user.roleName }}</a>

  423.                               </li>

  424.                               <li>

  425.                                 <a href="javascript:;">{{ user.phone }}</a>

  426.                               </li>

  427.                               <li>

  428.                                 <a href="javascript:;">所在项目{{ user.projCount }}个</a>

  429.                               </li>

  430.                             </ul>

  431.                             <span class="user_info_job" slot="reference">{{

  432.                             user.position

  433.                           }}</span>

  434.                           </el-popover>

  435.                           <span class="user_info_role">

  436.                             <i class="el-icon-close largeclose" @click="removeManageUser(user)" title="移除负责人"></i>

  437.                           </span>

  438.                       </div>

  439.                     </div>

  440.                     <p class="diaTip">

  441.                       工作负责人有且仅有一人，其将对：{{

  442.                         currWorkName

  443.                       }}，进行职员指派。

  444.                     </p>

  445.                   </div>

  446.                   <div v-if="isShowStaffList">

  447.                         <div class="row_painfr" v-for="dept in listDeptComputed" :key="dept.deptID" >

  448.                         <div class="yiyun_line"></div>

  449.                         <div v-for="deptID in listDeptUserNoZero(selectedUser)" :key="deptID">

  450.                            <div v-if="deptID == dept.id">

  451.                               <div class="yiyun_line"></div>

  452.                               <span>{{dept.deptName}}</span>

  453.                            </div>

  454.                         </div>

  455.                         <!-- <div class="renyuanbox" v-for="(user,index) in listUserComputed(selectedUser)" :key="index"> -->

  456.                         <div class="renyuanbox" v-for="(user,index) in selectedUser" :key="index">

  457.                           <div class="user_info_item" v-if="user.deptId == dept.id">

  458.                             <!-- <img v-lazy="headSrc+user.headImgUrl" alt="" class="user_info_faceImg"> -->

  459.                             <img v-lazy="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg">

  460.                             <span class="user_info_name">{{user.cnName}}</span>

  461.                             <el-popover placement="bottom-start" width="180" trigger="hover">

  462.                               <ul class="popover_ul popover_ul">

  463.                                 <li><a href="javascript:;">{{user.roleName}}</a></li>

  464.                                 <li><a href="javascript:;">{{user.phone}}</a></li>

  465.                                 <li><a href="javascript:;">所在项目{{user.projCount}}个</a></li>

  466.                               </ul>

  467.                               <span class="user_info_job" slot="reference">{{user.position}}</span>

  468.                             </el-popover>

  469.                             <span class="user_info_role">

  470.                               <template>

  471.                                 <el-select v-model="user.folderPerm" placeholder="设置角色" class="setroleselect">

  472.                                   <el-option v-for="item in roles" allow-create :key="item.value" :label="item.label"

  473.                                     :value="item.value">

  474.                                     <span style="float: left;margin-right:30px;">{{ item.label }}</span>

  475.                                     <span style="float: right; color: #8492a6; font-size: 13px">{{ item.description }}</span>

  476.                                   </el-option>

  477.                                 </el-select>

  478.                               </template>

  479.                               <i class="el-icon-close" @click="removeSelectUser(user)" title="移除协作人"></i>

  480.                             </span>

  481.                           </div>

  482.                         </div>

  483.                       </div>

  484.                       </div>

  485.                 </div>

  486.               </div>

  487.             </div>

  488.             <!-- 选择员工 -->

  489.             <div v-show="isShowThreePage" class="PaincenterBox">

  490.               <div class="xiezuobox">

  491.                 <!-- 左侧折叠面板 -->

  492.                 <div class="yiyun_col-6 bg_text_wirte mt-8">

  493.                   <div class="row_painfl">

  494.                     <!-- 折叠面板 -->

  495.                     <el-collapse accordion v-model="activeName">

  496.                       <!-- 添加协作群与工作 -->

  497.                       <el-collapse-item name="1" class="nomidline">

  498.                         <template slot="title">

  499.                           <el-checkbox class=" checkxiezuoren" style="color:white" v-model="ischeckAll" @change="handleCheckTopAll">全选</el-checkbox>

  500.                           <span class="checkBoxCol">从部门中选择职员</span>

  501.                         </template>

  502.                         <el-collapse accordion v-for="(dept, group_index) in listDept" v-show="dept.listUser.length>0" :key="group_index">

  503.                           <!-- 二级折叠面板 -->

  504.                           <el-collapse-item>

  505.                             <template slot="title">

  506.                               <span class=" checkBoxCol">{{ dept.deptName }}

  507.                               </span>

  508.                                 <el-checkbox class="checkxiezuoren" style="color:white" v-model="dept.selected" :key="group_index" @change="

  509.                                   handleCheckItemAll(group_index, $event)

  510.                                 ">全选</el-checkbox>

  511.                             </template>

  512.                             <!-- <div class="user_info_item" v-for="(user, index) in listUserStaff(

  513.                                 dept.listUser

  514.                               )" :label="user" :key="index"> -->

  515.                               <div class="user_info_item" v-for="(user, index) in dept.listUser" :label="user" :key="index">

  516.                               <el-checkbox class="checkBoxCol" v-model="user.selected" @change="

  517.                                   handleCheckedOne(group_index, user, $event)

  518.                                 " :disabled="disabled">

  519.                                 <div class="checkboxlabelitem">

  520.                                   <!-- <img v-lazy="headSrc + user.headImgUrl" alt="" class="user_info_faceImg" /> -->

  521.                                    <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />

  522.                                   <span class="user_info_name">{{

  523.                                     user.cnName

  524.                                   }}</span>

  525.                                     <el-popover placement="bottom-start" width="180" trigger="hover">

  526.                                       <ul class="popover_ul popover_ul">

  527.                                         <li>

  528.                                           <a href="javascript:;">{{

  529.                                           user.companyName

  530.                                         }}</a>

  531.                                         </li>

  532.                                         <li>

  533.                                           <a href="javascript:;">{{

  534.                                           user.phone

  535.                                         }}</a>

  536.                                         </li>

  537.                                         <li>

  538.                                           <a href="javascript:;">所在项目{{ user.projCount }}个</a>

  539.                                         </li>

  540.                                       </ul>

  541.                                       <span class="user_info_job" slot="reference">{{ user.position}}</span>

  542.                                     </el-popover>

  543.                                     <span class="user_info_role">{{

  544.                                     user.roleName

  545.                                   }}</span>

  546.                                 </div>

  547.                               </el-checkbox>

  548.                             </div>

  549.                           </el-collapse-item>

  550.                         </el-collapse>

  551.                       </el-collapse-item>

  552.                     </el-collapse>

  553.                   </div>

  554.                 </div>

  555.                 <div class="shuxian"></div>

  556.                 <!-- 右侧折叠面板 -->

  557.                 <div class="yiyun_col-6">

  558.                   <h4 class="rightXiezuoren" v-if="isShowManager">已选职员</h4>

  559.                   <h4 class="rightXiezuoren" v-if="!isShowManager">已选项目负责人</h4>

  560.                   <div class="row_painfr" v-if="isShowManager">

  561.                     <div class="yiyun_line"></div>

  562.                     <span>工作负责人</span>

  563.                     <div class="yiyun_line"></div>

  564.                     <!-- 项目负责人选择前 -->

  565.                     <!-- <div class="main_workerBox" v-if="listManagerComputed(selectedUser).length == 0"> -->

  566.                     <div class="main_workerBox" v-if="selectedUser.length == 0">

  567.                       <i class="icon font_family icon-icon_huangguan-weijihuo largehuangguan"></i>

  568.                       <div class="rentou_alrge"></div>

  569.                     </div>

  570.                     <!-- 项目负责人选择后 -->

  571.                     <!-- <div v-if="listManagerComputed(selectedUser).length != 0"> -->

  572.                     <div v-if="selectedUser.length != 0">

  573.                       <!-- <div class="user_info_item mainpeople_H" v-for="(user, index) in listManagerComputed(

  574.                           selectedUser

  575.                         )" :key="index"> -->

  576.                          <div class="user_info_item mainpeople_H" v-for="(user, index) in selectedUser" :key="index">

  577.                         <i class="icon font_family icon-icon_huangguan-jihuo middlehuangguan fl" title="负责人"></i>

  578.                         <!-- <img v-lazy="headSrc + user.headImgUrl" alt="" class="user_info_faceImg" /> -->

  579.                         <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />

  580.                         <span class="user_info_name">{{ user.cnName }}</span>

  581.                         <el-popover placement="bottom-start" width="180" trigger="hover">

  582.                           <ul class="popover_ul popover_ul">

  583.                             <li>

  584.                               <a href="javascript:;">{{ user.roleName }}</a>

  585.                             </li>

  586.                             <li>

  587.                               <a href="javascript:;">{{ user.phone }}</a>

  588.                             </li>

  589.                             <li>

  590.                               <a href="javascript:;">所在项目{{ user.projCount }}个</a>

  591.                             </li>

  592.                           </ul>

  593.                           <span class="user_info_job" slot="reference">{{user.position}}</span>

  594.                         </el-popover>

  595.                         <span class="user_info_role" @click="removeManageUser(user)">修改</span>

  596.                       </div>

  597.                     </div>

  598.                     <p class="diaTip">

  599.                       工作负责人有且仅有一人，其将对：{{

  600.                         currWorkName

  601.                       }}，进行职员指派。

  602.                     </p>

  603.                   </div>

  604.                   <div v-if="isShowStaffList">

  605.                     <div class="row_painfr" v-for="dept in listDept" v-show="dept.listUser.length > 0" :key="dept.id">

  606.                       <div v-for="deptID in listDeptUserNoZero(selectedUser)" :key="deptID">

  607.                         <div v-if="deptID == dept.id">

  608.                           <div class="yiyun_line"></div>

  609.                           <span>{{ dept.deptName }}</span>

  610.                         </div>

  611.                       </div>

  612.                       <div class="renyuanbox" v-for="(user, index) in listUserComputed(selectedUser)" :key="index">

  613.                         <div class="user_info_item" v-if="user.deptId == dept.id">

  614.                           <!-- <img v-lazy="headSrc + user.headImgUrl" alt="" class="user_info_faceImg" /> -->

  615.                            <img :src="user.headImgUrl | resolveAvator" alt="" class="user_info_faceImg" />

  616.                           <span class="user_info_name">{{ user.cnName }}</span>

  617.                             <el-popover placement="bottom-start" width="180" trigger="hover">

  618.                               <ul class="popover_ul popover_ul">

  619.                                 <li>

  620.                                   <a href="javascript:;">{{ user.roleName }}</a>

  621.                                 </li>

  622.                                 <li>

  623.                                   <a href="javascript:;">{{ user.phone }}</a>

  624.                                 </li>

  625.                                 <li>

  626.                                   <a href="javascript:;">所在项目{{ user.projCount }}个</a>

  627.                                 </li>

  628.                               </ul>

  629.                               <span class="user_info_job" slot="reference">{{

  630.                               user.position

  631.                             }}</span>

  632.                             </el-popover>

  633.                             <span class="user_info_role" v-if="isShowManager">

  634.                               <template>

  635.                                 <el-select v-model="user.folderPerm" placeholder="设置角色" class="setroleselect">

  636.                                   <el-option v-for="item in roles" allow-create :key="item.value" :label="item.label" :value="item.value">

  637.                                     <span style="float: left;margin-right:30px;">{{ item.label }}</span>

  638.                                       <!-- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.description }}</span> -->

  639.                                   </el-option>

  640.                                 </el-select>

  641.                               </template>

  642.                               <i class="el-icon-close" @click="removeSelectUser(user)" title="移除协作人"></i>

  643.                             </span>

  644.                             <span class="user_info_role" v-if="!isShowManager">

  645.                               <template>

  646.                                     <span style="float: left;margin-right:30px;">查看与编辑</span>

  647.                               </template>

  648.                               <i class="el-icon-close" @click="removeSelectUser(user)" title="移除项目负责人"></i>

  649.                             </span>

  650.                         </div>

  651.                       </div>

  652.                     </div>

  653.                   </div>

  654.                 </div>

  655.               </div>

  656.             </div>

  657.           </div>

  658.         </div>

  659.       </div>

  660.     </div>

  661.   </div>

  662. </template>

  663. 

  664. <script>

  665. import { getUserInfo, fetchAddressBook, getUserListByNode} from '@/services/user.js';

  666. 

  667. 

  668.   export default {

  669.     data() {

  670.       return {

  671.         imgSrc: process.env.API_HOST + "archives/cover?path=",

  672.         headSrc: process.env.API_HOST + "archives/head?path=",

  673.         cnName: "",

  674.         selectedUser: [], // 当前文件夹的已选协作人

  675.         selectedManageUser: [], // 当前文件夹的已选负责人

  676.         showTitle: "1", //默认显示标题

  677.         disabled: false, //添加合作人可点击

  678.         checked: false,

  679.         activeName: "1",

  680.         showAll: false, //项目信息概况

  681.         isBottomNewProj: false, //底部弹框

  682.         nodeLeaves: false, //工作树叶子

  683.         isShowStaffList: false, //显示项目负责人

  684.         opentree: true, //工作树三角

  685.         ischeckAll: false, //是否是全部选中

  686.         nowProject: {},

  687.         isShowPrjDesc: false, //分配项目--项目概况

  688.         isSlectPal: true, //分配项目--项目概况

  689.         roles: [

  690.         {

  691.           value: 1,

  692.           label: "编辑和查看",

  693.           description: ""

  694.         },

  695.         {

  696.           value: 0,

  697.           label: "仅查看",

  698.           description: ""

  699.         }],

  700.         folderPerm: "1",

  701.         // -----------------------------------------------

  702.         isShowFirstPage: true,

  703.         isShowSecondPage: false,

  704.         isShowThreePage: false,

  705.         InitData: [],

  706.         listNewFolder: [],

  707.         listProjProp: [],

  708.         listDept: [],

  709.         curProjCreatePeop: [],

  710.         currWorkName: "",

  711.         newProjFolderIndex:1,

  712.         tempIndex:0,

  713.         isShowdivid2:false,

  714.         currSelectData:[],

  715.         currUser:JSON.parse(sessionStorage.user),

  716.         isShowManager:true,// 当前是否是设置项目负责人

  717.         listManagerUser:[], //项目负责人

  718.         isProjManager: false,

  719.         currListDeptUserData:[]

  720.       };

  721.     },

  722.     created:function(){

  723.       this.loadProjManager();

  724.     },

  725.     mounted: function () {

  726.       this._getUserInfo(sessionStorage.createUserID);

  727.       this.getNowProject();

  728.       this.getListProjProp();

  729.       this.listFolderChildren();

  730.       this.listDeptUsers();

  731.       this.loadListManagerUser();

  732.       this.cnName = JSON.parse(sessionStorage.user).cnName;

  733.       // 监听滚动事件

  734.       window.addEventListener('scroll',this.handleScroll,true);

  735.       //  获取部门列表信息

  736. 

  737.       this.fetchPlainDeptUserList(this.$store.state.currentCompanyId).then(list => {

  738.       this.listDept = list;

  739.       this.listDept = [...this.listDept];

  740.       console.log('1111111111111111111111111',this.listDept);

  741.       // 对listDept进行过滤 不显示与当前用户相同的用户

  742.       this.listDept.some(dept => {

  743.         dept.listUser.some((user, index) => {

  744.           if(this.$store.state.accountId === user.id) {

  745.             dept.listUser.splice(index, 1);

  746.             return true;

  747.           }

  748.         })

  749.       })

  750.       this.currListDeptUserData = [...this.listDept];

  751.       }).catch(err => {

  752.         console.log(err);

  753.       })

  754.     },

  755.     computed: {

  756.      

  757.       /**

  758.        * 过滤后的部门列表：去除没有用户数据的部门

  759.        */

  760.       listDeptComputed: function () {

  761.         return this.listDept.filter(function (dept) {

  762.           return dept.listUser.length > 0;

  763.         });

  764.       },

  765.       /**

  766.        * 过滤后的已选择负责人列表

  767.        */

  768.       listManagerComputed: function () {

  769.           return function (listUsers) {

  770.             return listUsers.filter(function(user) {

  771.                 return user.folderPerm == 2;

  772.             });

  773.           };

  774.       },

  775.       /**

  776.        * 过滤后的已选择非负责人列表

  777.        */

  778.       listUserComputed: function () {

  779.           return function (listUsers) {

  780.             return listUsers.filter(function(user) {

  781.                 return user.folderPerm != 2;

  782.             });

  783.           };

  784.       },

  785.       /**

  786.        * 过滤后的左侧负责人列表

  787.        */

  788.       listUserManager: function (listUsers) {

  789.         return function (listUsers) {

  790.           return listUsers.filter(function (user) {

  791.             return user.folderPerm == 2 || user.folderPerm == 0;

  792.           });

  793.         };

  794.       },

  795.       /**

  796.        * 过滤后的左侧员工列表(staff员工)

  797.        */

  798.       listUserStaff: function (listUsers) {

  799.         var thisApp = this;

  800.         return function (listUsers) {

  801.           return listUsers.filter(function (user) {

  802.             return user.folderPerm != 2;

  803.           });

  804.         };

  805.       },

  806.       /**

  807.        * 当未选择人员时,部门不显示

  808.        */

  809.       listDeptUserNoZero: function (user) {

  810.         return function (user) {

  811.           let temp = [];

  812.           for (let i = 0; i < user.length; i++) {

  813.             if (user[i].folderPerm != 2) {

  814.               temp.push(user[i].deptId);

  815.             }

  816.           }

  817.           var x = new Set(temp);

  818.           return [...x];

  819.         };

  820.       }

  821.     },

  822.     methods: {

  823.       /**

  824.        * 判断用户是否是项目负责人

  825.        */

  826.       loadProjManager: function () {

  827.         var thisApp = this;

  828.         this.$axios({

  829.             method: "get",

  830.             url: encodeURI(

  831.               process.env.API_HOST +

  832.               "projects/manager/" +

  833.               sessionStorage.projId +

  834.               "/" +

  835.               sessionStorage.userId

  836.             )

  837.           })

  838.           .then(response => {

  839.             if (response.data != null && response.data != "") {

  840.               thisApp.isProjManager = response.data.isProjManager;

  841.             }

  842.           })

  843.           .catch(error => {

  844.             console.log(error);

  845.           });

  846.       },

  847.       /**

  848.        * 检测bigbody滚动距离添加样式

  849.        */

  850.       handleScroll:function(){

  851.         let scrollBody= document.getElementById("bottomDiaChild2");

  852.         if(scrollBody.scrollTop&&scrollBody.scrollTop > 0){

  853.           this.isShowdivid2 =true

  854.         }else{

  855.           this.isShowdivid2 =false

  856.         }

  857.       },

  858.       /**

  859.        * 初始底部弹框

  860.        */

  861.       isAllhide: function () {

  862.         this.isShowPrjDesc = false;

  863.         this.isShowThreePage = false; //分配工作人员面板

  864.         this.isShowSecondPage = false; //分配负责人面板

  865.       },

  866.       /*

  867.        * 关闭新建项目弹框

  868.        */

  869.       offDialog: function () {

  870.         this.selectedUser = [];

  871.         this.selectedManageUser = [];

  872.         this.$emit("offDialog", this.$route.name);

  873.       },

  874.       /*

  875.        *隐藏项目弹框,显示底部弹框

  876.        */

  877.       showzhankai: function () {

  878.         this.isBottomNewProj = true;

  879.       },

  880.       /**

  881.        * 项目窗口展现

  882.        */

  883.       showContinueNewProj: function () {

  884.         this.isBottomNewProj = false;

  885.       },

  886.       /*

  887.        *返回文件夹页面

  888.        */

  889.       backFirstPage: function () {

  890.         // this.listDept=JSON.parse(JSON.stringify(this.currListDeptUserData));

  891.         if(!this.isShowManager)

  892.         {

  893.           this.listManagerUser=[];

  894.           this.selectedUser.forEach(user => {

  895.               if( user.id != this.currUser.userInfo.id)

  896.               {

  897.                 this.listManagerUser.push(user);

  898.               }

  899.           });

  900.         }

  901.         this.isAllhide();

  902.         this.isShowManager=true;

  903.         this.isShowFirstPage = true;

  904.       },

  905.       toFirstPage(){

  906.         this.$confirm("退出职员选择将清空您的所有操作！确定返回吗？", "", {

  907.           confirmButtonText: "退出",

  908.           cancelButtonText: "取消",

  909.            showClose:false,

  910.           type: "warning"

  911.         }).then(() => {

  912.           for (var i = 0; i < this.listNewFolder.length; i++) {

  913.             if( this.listNewFolder[i].folderID==this.currSelectData.folderID){

  914.               this.listNewFolder[i] = this.currSelectData;

  915.             }

  916.             for (var j = 0; j < this.listNewFolder[i].listChildren.length; j++) {

  917.               if( this.listNewFolder[i].listChildren[j].folderID==this.currSelectData.folderID){

  918.               this.listNewFolder[i].listChildren[j] = this.currSelectData;

  919.             }

  920.             }

  921.           }

  922.           this.listDept=JSON.parse(JSON.stringify(this.currListDeptUserData));

  923.           this.isAllhide();

  924.           this.isShowFirstPage = true;

  925.           this.isShowManager=true;

  926.         });

  927.       },

  928.       /*

  929.        *指派员工页面

  930.        */

  931.       toThreePage: function () {

  932.         this.isShowSecondPage = false;

  933.         this.isShowFirstPage = false;

  934.         this.isShowThreePage = true;

  935.         this.isShowStaffList = true;

  936.       },

  937.       toSecondPage: function () {

  938.         this.isShowSecondPage = true;

  939.         this.isShowFirstPage = false;

  940.         this.isShowThreePage = false;

  941.         this.isShowStaffList = false;

  942.       },

  943.       /*

  944.        *分配完成并关闭窗体

  945.        */

  946.       submitAndClose: function () {

  947.         this.createFolders();

  948.       },

  949.       /*

  950.        *编辑自定义工作

  951.        */

  952.       eidtTitle: function (index) {

  953.         // this.newProjData.listFolder;

  954.         this.tempIndex=index;

  955.         this.showTitle = 2;

  956.       },

  957.       /*

  958.        *保存自定义工作

  959.        */

  960.       saveTitle: function (index) {

  961.         this.tempIndex=0;

  962.         this.showTitle = 1

  963.       },

  964.       /*

  965.        *删除新建项目的自定义工作

  966.        */

  967.       deleTitle: function (index) {

  968.         this.listNewFolder.splice(index, 1);

  969.       },

  970.       /**

  971.        * 添加自定义工作-创建项目时

  972.        */

  973.       addProjFolderWork: function () {

  974.         this.eidtTitle(this.listNewFolder.length);

  975.         this.newfolder = {

  976.           superID:this.listNewFolder[0].superID,

  977.           folderName: '自定义工作' + this.newProjFolderIndex,

  978.           default: false,

  979.           deleted: 0,

  980.           listUser: [],

  981.           manageUser: [],

  982.           listChildren:[],

  983.           listNotice:[],

  984.           listsShareFrom:[]

  985.         }

  986.         this.listNewFolder.push(this.newfolder); //新增工作

  987.         this.newProjFolderIndex = this.newProjFolderIndex + 1;

  988.       },

  989.       /**

  990.        * 设置负责人

  991.        */

  992.       setManagerUser: function (nowUser) {

  993.         if (this.InitData.manageUser.length != 0) {

  994.           this.InitData.manageUser[0].selected = false;

  995.           // this.InitData.manageUser[0].roleName = "普通职员";

  996.           for (var i = 0; i < this.selectedUser.length; i++) {

  997.             if (

  998.               this.selectedUser[i].userID == this.InitData.manageUser[0].userID

  999.             ) {

  1000.               this.InitData.manageUser[0].folderPerm = 0;

  1001.               this.selectedUser.splice(i, 1);

  1002.             }

  1003.           }

  1004.         }

  1005.         var listManageUser = [];

  1006.         nowUser.folderPerm = 2;

  1007.         listManageUser.push(nowUser);

  1008.         this.selectedUser.forEach(user => {

  1009.           if (user.folderPerm == 2 && user.userID != nowUser.userID) {

  1010.             user.folderPerm = 1;

  1011.           }

  1012.           if (user.userID == nowUser.userID) {

  1013.             user.folderPerm = 2;

  1014.           }

  1015.         });

  1016.         this.InitData.manageUser = listManageUser;

  1017.       },

  1018.       /**

  1019.        * 分配人员

  1020.        */

  1021.       aloneAddUserForFolder: function (data,index) {

  1022.         this.currSelectData=data;

  1023.         this.currWorkName = data.folderName;

  1024.         if (data.listUser == null) {

  1025.           data.listUser = [];

  1026.           if (this.isShowSecondPage == true) {

  1027.             this.isShowStaffList = false;

  1028.           }

  1029.         }

  1030.         this.InitData = data;

  1031.         this.setFolderPerm(data);

  1032.         this.selectedUser = data.listUser;

  1033.         this.selectedManageUser = data.manageUser;

  1034.         this.isShowSecondPage = true;

  1035.         this.isShowFirstPage = false;

  1036.       },

  1037.       /**

  1038.        * 进入时,重置权限

  1039.        */

  1040.       setFolderPerm: function (data) {

  1041.         this.listDept=JSON.parse(JSON.stringify(this.currListDeptUserData));

  1042.         for (var j = 0; j < this.listDept.length; j++) {

  1043.           for (var k = 0; k < this.listDept[j].listUser.length; k++) {

  1044.             this.listDept[j].listUser[k]['selected'] = false;

  1045.             for (var i = 0; i < data.listUser.length; i++) {

  1046.               if (

  1047.                 // this.listDept[j].listUser[k].userID == data.listUser[i].userID

  1048.                 this.listDept[j].listUser[k].id == data.listUser[i].id

  1049.               ) {

  1050.                 this.listDept[j].listUser[k].folderPerm =

  1051.                   data.listUser[i].folderPerm;

  1052.                 this.listDept[j].listUser[k]['selected'] = true;

  1053.               }

  1054.               if(!this.isShowManager)

  1055.               {

  1056.                 // if(this.currUser.accountId == sessionStorage.userId && sessionStorage.accountId == this.listDept[j].listUser[k].userID )

  1057.                 if(this.currUser.accountId == sessionStorage.userId && sessionStorage.accountId == this.listDept[j].listUser[k].id)

  1058.                 {

  1059.                   this.listDept[j].listUser[k].selected = true;

  1060.                 }

  1061.               }

  1062.             }

  1063.             this.getIsCheckSecondLevel(j);

  1064.           }

  1065.         }

  1066.         this.getIsCheckAll();

  1067.       },

  1068.       /*

  1069.        *添加职员按钮直接进入 指派职员页面

  1070.        */

  1071.       aloneAddUserOnlyStaff: function (data) {

  1072.         this.isShowManager=true;

  1073.         this.currWorkName = data.folderName;

  1074.         if (data.listUser == null) {

  1075.           data.listUser = [];

  1076.         }

  1077.         this.isShowStaffList = true;

  1078.         this.InitData = data;

  1079.         this.setFolderPerm(data);

  1080.         this.selectedUser = data.listUser;

  1081.         this.selectedManageUser = data.manageUser;

  1082.         this.isShowThreePage = true;

  1083.         this.isShowFirstPage = false;

  1084.       },

  1085.         /**

  1086.        * 根据部门Id查找部门信息

  1087.        */

  1088.       plainTreeNodes(nodesList, userList, outputList = []) {

  1089.         (nodesList || []).forEach(node => {

  1090.           // node.id

  1091.           const data = node.data;

  1092.           data.listUser = userList.filter(user => user.deptId === node.id);

  1093.           outputList.push(data);

  1094.           if(node.children && node.children.length) {

  1095.             this.plainTreeNodes(node.children, userList, outputList);

  1096.           }

  1097.         });

  1098.         return outputList;

  1099.       },

  1100.       async fetchPlainDeptUserList(companyId) {

  1101.         const [treeDeptList, { list: userList }] = await Promise.all([

  1102.           fetchAddressBook(companyId),

  1103.           getUserListByNode({ id: companyId, nodeType: 'company' }, 1, 10000)

  1104.         ]);

  1105.         const deptHeadList = treeDeptList[0].children || [];

  1106.         const oList = this.plainTreeNodes(deptHeadList, userList);

  1107.         return oList.filter(dept => dept.listUser && dept.listUser.length);

  1108.       },

  1109.       /*

  1110.       * 设置项目负责人

  1111.       */

  1112.       addProjManager:function(){

  1113.         this.isShowManager=false;

  1114.         this.isShowStaffList = true;

  1115.         var data={listUser:[]};

  1116.         data.listUser=this.listManagerUser;

  1117.         this.setFolderPerm(data);

  1118. 

  1119.         this.selectedUser = data.listUser;

  1120.         this.selectedManageUser = [];

  1121.         this.isShowThreePage = true;

  1122.         this.isShowFirstPage = false;

  1123. 

  1124.       },

  1125.       /*

  1126.        *顶部全选

  1127.        * e:点击触发的事件

  1128.        */

  1129.       handleCheckTopAll(e) {

  1130.         //首级全选

  1131.         for (var j = 0; j < this.listDept.length; j++) {

  1132.           if (this.listDept[j].listUser.length > 0) {

  1133.             // this.handleCheckItemAll(j, false); //清除已经被选中的状态

  1134.             this.handleCheckItemAll(j, e);

  1135.           }

  1136.         }

  1137.       },

  1138.       /*

  1139.        *二级条目全选

  1140.        * index:当前点击的条目位置

  1141.        * e:点击触发的事件

  1142.        */

  1143.       handleCheckItemAll(index, e) {

  1144.         for (var i = 0; i < this.listDept[index].listUser.length; i++) {

  1145.           if (e) {

  1146.             this.handleCheckedOne(index, this.listDept[index].listUser[i], false);

  1147.             this.handleCheckedOne(index, this.listDept[index].listUser[i], e);

  1148.           } else {

  1149.             this.handleCheckedOne(index, this.listDept[index].listUser[i], e);

  1150.           }

  1151.         }

  1152.       },

  1153.       /*

  1154.        *子项单选

  1155.        * topIndex:当前所选条目的上级

  1156.        *index:当前所选条目

  1157.        * e:点击触发的事件

  1158.        */

  1159.       handleCheckedOne(topIndex, user, e) {

  1160.         if(!this.isShowManager)

  1161.         {

  1162.           // if(user.id == sessionStorage.userId)

  1163.           // {

  1164.           //   this.$notify.info({

  1165.           //     title: "温馨提示",

  1166.           //     message: "不能移除自己哦",

  1167.           //     offset: 100,

  1168.           //     duration: 5000

  1169.           //   });

  1170.           //   user.selected=true;

  1171.           //   return;

  1172.           // }

  1173.           if(user.id== this.currUser.accountId)

  1174.           {

  1175.              this.$notify.info({

  1176.               title: "温馨提示",

  1177.               message: "项目负责人已存在哦",

  1178.               offset: 100,

  1179.               duration: 5000

  1180.             });

  1181.             user.selected=false;

  1182.             return;

  1183.           }

  1184.         }

  1185.          // 跳过负责人

  1186.         if(user.folderPerm == 2)

  1187.         {

  1188.           return;

  1189.         }

  1190.         //三级change事件

  1191.         if (e) {

  1192.           this.checkDeptUserName(e, user); //将选中的人员返回给添加合作人页面

  1193.           user.folderPerm = 1;

  1194.         } else {

  1195.           this.checkDeptUserName(e, user);     //将选中的人员返回给添加合作人页面

  1196.           user.folderPerm = 0;

  1197.         }

  1198.         this.getIsCheckSecondLevel(topIndex);

  1199.         this.getIsCheckAll();

  1200.       },

  1201.       /*

  1202.        *选择负责人

  1203.        */

  1204.       handleCheckedOnlyOne(topIndex, user, e) {

  1205.         //三级change事件

  1206.         if (e) {

  1207.           //将选中的人员返回给添加合作人页面

  1208.           this.checkDeptUserName(e, user);

  1209.           this.setManagerUser(user);

  1210.           this.isSlectPal = false;

  1211.         } else {

  1212.           //将选中的人员返回给添加合作人页面

  1213.           this.checkDeptUserName(e, user);

  1214.           this.InitData.manageUser =[];

  1215.           this.isSlectPal = true;

  1216.         }

  1217.         this.getIsCheckSecondLevel(topIndex);

  1218.         this.getIsCheckAll();

  1219.       },

  1220.       /**

  1221.        * 当前二级选中状态修正

  1222.        */

  1223.       getIsCheckSecondLevel(topIndex) {

  1224.         var checkCount = 0;

  1225.         for (var i = 0; i < this.listDept[topIndex].listUser.length; i++) {

  1226.           if (this.listDept[topIndex].listUser[i].selected == true) {

  1227.             checkCount++;

  1228.           } else {

  1229.             checkCount--;

  1230.           }

  1231.         }

  1232.         if (checkCount == this.listDept[topIndex].listUser.length) {

  1233.           //三级级全勾选

  1234.           this.listDept[topIndex].selected = true;

  1235.         } else {

  1236.           //三级级全不勾选

  1237.           this.listDept[topIndex].selected = false;

  1238.         }

  1239.       },

  1240.       /*

  1241.        *当前首级全选状态修正

  1242.        */

  1243.       getIsCheckAll() {

  1244.         var checkCount = 0;

  1245.         var haveDataCount = 0;

  1246.         for (var j = 0; j < this.listDept.length; j++) {

  1247.           //全选checkbox状态

  1248.           if (this.listDept[j].listUser.length > 0) {

  1249.             haveDataCount++;

  1250.             if (this.listDept[j].selected == true) {

  1251.               checkCount++;

  1252.             }

  1253.           }

  1254.         }

  1255.         // 取消如果还没有获取到数据 两个都为0 一打开就是全选按钮被选中的情况

  1256.         if ((checkCount == haveDataCount) && checkCount !== 0 && haveDataCount !== 0) {

  1257.           this.ischeckAll = true;

  1258.         } else {

  1259.           this.ischeckAll = false;

  1260.         }

  1261.       },

  1262.       /**

  1263.        * 移除选中人员

  1264.        */

  1265.       removeSelectUser: function (item) {

  1266.         if(item.userID == sessionStorage.userId)

  1267.         {

  1268.           this.$notify.info({

  1269.             title: "温馨提示",

  1270.             message: "不能移除自己哦",

  1271.             offset: 100,

  1272.             duration: 5000

  1273.           });

  1274.           return;

  1275.         }

  1276.         this.checkDeptUserName(false, item);

  1277.         this.cancelCheck(item.userID);

  1278.       },

  1279.       /**

  1280.        * 移除负责人

  1281.        */

  1282.       removeManageUser: function (user) {

  1283.         user.folderPerm = 0;

  1284.         // user.roleName = "查看编辑";

  1285.         for (var k = 0; k < this.selectedUser.length; k++) {

  1286.           if (this.selectedUser[k].userID == user.userID) {

  1287.             this.selectedUser[k].folderPerm = 0;

  1288.             this.selectedUser.splice(k, 1);

  1289.           }

  1290.         }

  1291.         this.cancelCheck(user.userID);

  1292.         this.toSecondPage();

  1293.       },

  1294.       /*

  1295.        *取消选中

  1296.        */

  1297.       cancelCheck: function (userID) {

  1298.         for (var i = 0; i < this.listDept.length; i++) {

  1299.           for (var j = 0; j < this.listDept[i].listUser.length; j++) {

  1300.             if (this.listDept[i].listUser[j].userID === userID) {

  1301.               this.listDept[i].listUser[j].selected = false;

  1302.               this.listDept[i].listUser[j].folderPerm = 0;

  1303.               this.getIsCheckSecondLevel(i);

  1304.             }

  1305.           }

  1306.         }

  1307.         this.getIsCheckAll();

  1308.       },

  1309.       /**

  1310.        * 对已选协作人添加和删除

  1311.        */

  1312.       checkDeptUserName: function (checked, item) {

  1313.         item.selected = checked;

  1314.         if (checked) {

  1315.           item.folderPerm = 1; // 默认角色为：查看和编辑

  1316.           var valueUser = JSON.parse(JSON.stringify(item));

  1317.           this.selectedUser.push(valueUser);

  1318.         } else {

  1319.           for (var i = 0; i < this.selectedUser.length; i++) {

  1320.             if (this.selectedUser[i].userID == item.userID) {

  1321.               this.selectedUser.splice(i, 1);

  1322.             }

  1323.           }

  1324.         }

  1325.         if (this.selectedUser.length > 0 && this.isShowThreePage == true) {

  1326.           this.isShowStaffList = true;

  1327.         } else {

  1328.           this.isShowStaffList = false;

  1329.         }

  1330.       },

  1331.       /**

  1332.        * 查看项目概况

  1333.        */

  1334.       goShowPrjDesc: function () {

  1335.         this.isShowPrjDesc = true;

  1336.         this.isShowFirstPage = false;

  1337.       },

  1338.       /**

  1339.        * 查看全部

  1340.        */

  1341.       showAllClick: function () {

  1342.         this.showAll = true;

  1343.       },

  1344.       /**

  1345.        * 展开

  1346.        */

  1347.       openECtree: function (data) {

  1348.         this.nodeLeaves = true;

  1349.         this.opentree = false;

  1350.       },

  1351.       /**

  1352.        * 收起

  1353.        */

  1354.       closeECtree: function (data) {

  1355.         this.nodeLeaves = false;

  1356.         this.opentree = true;

  1357.       },

  1358.       /**

  1359.        * 获取listprojprop

  1360.        */

  1361.       getListProjProp: function () {

  1362.         this.$axios({

  1363.             method: "get",

  1364.             url: encodeURI(

  1365.               process.env.API_HOST +

  1366.               "templates/templateproperty/" +

  1367.               sessionStorage.templateID +

  1368.               "/" +

  1369.               sessionStorage.projId

  1370.             )

  1371.           })

  1372.           .then(response => {

  1373.             this.listProjProp = response.data.data;

  1374.           })

  1375.           .catch(error => {

  1376.             console.log(error);

  1377.           });

  1378.       },

  1379.       /**

  1380.        * 获取当前项目信息

  1381.        */

  1382. 

  1383.       getNowProject() {

  1384.         // var thisApp = this;

  1385.         // this.$axios({

  1386.         //     method: "get",

  1387.         //     url: encodeURI(

  1388.         //       process.env.API_HOST + "projects/project/" + sessionStorage.projId

  1389.         //     )

  1390.         //   })

  1391.         //   .then(response => {

  1392.         //     thisApp.nowProject = response.data;

  1393.         //   })

  1394.         //   .catch(error => {

  1395.         //     console.log(error);

  1396.         //   });

  1397.         // const projectInfoRes = await prjService.QueryProjectInfoByProjId(id);

  1398.         // this.nowProject=projectInfoRes.Data;

  1399.       },

  1400.       /**

  1401.        * 加载需要分配的文件夹

  1402.        */

  1403.       listFolderChildren: function () {

  1404.         var thisApp = this;

  1405.         this.$axios({

  1406.             method: "get",

  1407.             url: encodeURI(

  1408.               process.env.API_HOST +

  1409.               "folders/allot/children/" +

  1410.               sessionStorage.userId +

  1411.               "/" +

  1412.               sessionStorage.projId

  1413.             )

  1414.           })

  1415.           .then(response => {

  1416.             for (var i = 0; i < response.data.length; i++) {

  1417.               thisApp.listNewFolder.push(response.data[i]);

  1418.             }

  1419.           })

  1420.           .catch(error => {

  1421.             console.log(error);

  1422.           });

  1423.       },

  1424.       /**

  1425.        * 获取全部的Dept数据

  1426.        */

  1427.       listDeptUsers: function () {

  1428.         var companyId = sessionStorage.companyId;

  1429.         var thisApp = this;

  1430.         this.$axios({

  1431.             method: "get",

  1432.             url: encodeURI(process.env.API_HOST + "sysinfo/deptusers/" + companyId)

  1433.           })

  1434.           .then(response => {

  1435.             thisApp.listDept = response.data.data;

  1436.             thisApp.currListDeptUserData=response.data.data;

  1437.           })

  1438.           .catch(error => {

  1439.             console.log(error);

  1440.           });

  1441.       },

  1442.       //获取用户个人信息

  1443.        async _getUserInfo(userId) {

  1444.         try {

  1445.           let res = await getUserInfo(userId);

  1446.           this.curProjCreatePeop =

  1447.             res.cnName + " 指派了新工作，请完成工作指派";

  1448.           if (sessionStorage.allocated == 1)

  1449.           {

  1450.             this.curProjCreatePeop = "项目管理";

  1451.           }

  1452.           if(res.roleName === "项目负责人") {

  1453.              this.isProjManager = true;

  1454.           }

  1455.         } catch(err) {

  1456.           console.log(err);

  1457.         }

  1458.        

  1459.       },

  1460.       // getUserInfo: function (userId) {

  1461.       //   var thisApp = this;

  1462.       //   this.$axios({

  1463.       //       method: "get",

  1464.       //       url: encodeURI(process.env.API_HOST + "sysinfo/user/" + userId)

  1465.       //     })

  1466.       //     .then(response => {

  1467.       //       var data = response.data;

  1468.       //       thisApp.curProjCreatePeop =

  1469.       //         data.cnName + "指派了新工作，请完成工作指派";

  1470.       //       if (sessionStorage.allocated == 1)

  1471.       //       {

  1472.       //         thisApp.curProjCreatePeop = "项目管理";

  1473.       //       }

  1474.       //     })

  1475.       //     .catch(error => {

  1476.       //       console.log(error);

  1477.       //     });

  1478.       // },

  1479.       /**

  1480.        * 分配工作完成

  1481.        */

  1482.       createFolders: function () {

  1483.         var thisApp = this;

  1484.         var sendMethod = "put";

  1485.         var param = {

  1486.           superFolderId: "",

  1487.           userId: sessionStorage.userId,

  1488.           projId: sessionStorage.projId,

  1489.           listFolder: thisApp.listNewFolder,

  1490.           listManageUser:thisApp.listManagerUser

  1491.         };

  1492.         this.$axios({

  1493.             method: sendMethod,

  1494.             url: encodeURI(process.env.API_HOST + "folders/set"),

  1495.             data: param

  1496.           })

  1497.           .then(response => {

  1498.             if (response.data.state == 1) {

  1499.               thisApp.$notify({

  1500.                 title: "恭喜您",

  1501.                 message: response.data.message,

  1502.                 type: "success",

  1503.                 offset: 100,

  1504.                 duration: 2500

  1505.               });

  1506.               thisApp.offDialog();

  1507.             } else {

  1508.               thisApp.$notify.error({

  1509.                 title: "温馨提示",

  1510.                 message: response.data.message,

  1511.                 offset: 100,

  1512.                 duration: 5000

  1513.               });

  1514.             }

  1515.           })

  1516.           .catch(error => {

  1517.             console.log(error);

  1518.           });

  1519.       },

  1520.       /**

  1521.        * 加载需要分配的文件夹

  1522.        */

  1523.       loadListManagerUser: function () {

  1524.         var thisApp = this;

  1525.         this.$axios({

  1526.             method: "get",

  1527.             url: encodeURI(

  1528.               process.env.API_HOST +

  1529.               "projects/manager/user/" +

  1530.               sessionStorage.projId +"/"+sessionStorage.userId

  1531.             )

  1532.           })

  1533.           .then(response => {

  1534.             thisApp.listManagerUser=response.data.listManager;

  1535.             thisApp.currUser=response.data.defaultManager;

  1536.           })

  1537.           .catch(error => {

  1538.             console.log(error);

  1539.           });

  1540.       },

  1541.       /**

  1542.        * 设置与用户的positon 相对应的字段映射

  1543.        */

  1544.     

  1545.     },

  1546.     beforeDestroy(){

  1547.       // 销毁监听

  1548.         window.removeEventListener('scroll', this.handleScroll,true)

  1549.     }

  1550.   };

  1551. </script>

  1552. <style scoped lang="scss">

  1553.   ::v-deep .el-checkbox:last-of-type {

  1554.     margin-right: 30px;

  1555. }

  1556. 

  1557. 

  1558. </style>