From f10baac7a0be8ff3799064a51db4c9349a6465ff Mon Sep 17 00:00:00 2001
From: zhengzhou <zhengzhou@hotmail.com>
Date: Tue, 11 May 2021 13:47:05 +0800
Subject: [PATCH] format projDetail.vue

---
 .../components_web/projDetail/projDetail.vue  | 2726 +++++++++--------
 1 file changed, 1471 insertions(+), 1255 deletions(-)

diff --git a/src/views/components_web/projDetail/projDetail.vue b/src/views/components_web/projDetail/projDetail.vue
index a9e25277..a742e0a9 100644
--- a/src/views/components_web/projDetail/projDetail.vue
+++ b/src/views/components_web/projDetail/projDetail.vue
@@ -8,190 +8,305 @@
  -->
 <template>
   <div class="proj-detail">
-    <app-header 
-      theme="basis" 
+    <app-header
+      theme="basis"
       :isShowTopBar="true"
-      :backBtnTitle="`${isEnterEdit ? '' : '退出项目编辑'}`" 
+      :backBtnTitle="`${isEnterEdit ? '' : '退出项目编辑'}`"
       :showUserCenter="false"
-      :showBackBtn="!isEnterEdit" 
+      :showBackBtn="!isEnterEdit"
       :onBackBtnClick="returnToProjListPage"
     />
-    <div class="content-wrap" :class="{'set-content-wrap': isEnterEdit}">
-        <div class="graph-left-part" v-if="!isEnterEdit"></div>
-  
-        <div class="right-part" :class="{'set-right-part-width': isEnterEdit}">
-          <!-- 开始页面 -->
-          <div class="proj-desc adjust-top-radius" v-if="!isShowDistWorkPage && isShowStartProjDesc"  ref="projdesc">
-            <top-header class="set-header-position header-wrap"
-                        :class="{'header-bottom-shadow': isProjDescScroll}"
-                        :showUserCenter="false">
-              <div class="title" slot="left">项目概况</div>
-              <div class="to-distwork-btn" slot="right" @click.stop="handleShowDistWorkPage">开始</div>
-            </top-header>
-            <div class="proj-desc-wrap">
-              <div class="item">
-                <div class="item-title">项目名称</div>
-                <div class="item-value">{{nowProject.ProjName}}</div>
-              </div>
-              <div class="item">
-                <div class="item-title">项目负责</div>
-                <div class="item-value">{{nowProject.ProjCreateUserName}}</div>
-              </div>
-              <div class="item cover-container">
-                <div class="item-title">封面</div>
-                <div class="item-value cover-img-wrap use-relative" :style="showBackground(coverSrc)">
-                    <!-- <img :src="coverSrc | resolveAvator" alt="" class="cover-img"/> -->
-                    <file-uploader 
-                        :on-success="coverUploadSuccess"
-                        class="listUpdateBtn editCoverBtn"
-                    >
-                      <div>编辑</div>
-                    </file-uploader>
-                
-                </div>
-              </div>
-              <div class="item">
-                <div class="item-title proj-main-template">项目主要模板</div>
-                <div class="item-value">{{nowProject.TempName}}</div>
-              </div>
-              <div class="item">
-                <div class="item-title">模板负责</div>
-                <div class="item-value">{{nowProject.TempCreateUserName}}</div>
-              </div>
-              <div class="item">
-                <div class="item-title">创建时间</div>
-                <div class="item-value">{{nowProject.ProjCreateTime}}</div>
-              </div>
-              <div class="item" v-for="prop in listProjProp" :key="prop.TempPropId">
-                <div class="item-title">{{prop.PropertyName ? prop.PropertyName : '自定义字段'}}</div>
-                <div class="item-value">{{prop.PropValue}}</div>
+    <div
+      class="content-wrap"
+      :class="{'set-content-wrap': isEnterEdit}"
+    >
+      <div
+        class="graph-left-part"
+        v-if="!isEnterEdit"
+      ></div>
+
+      <div
+        class="right-part"
+        :class="{'set-right-part-width': isEnterEdit}"
+      >
+        <!-- 开始页面 -->
+        <div
+          class="proj-desc adjust-top-radius"
+          v-if="!isShowDistWorkPage && isShowStartProjDesc"
+          ref="projdesc"
+        >
+          <top-header
+            class="set-header-position header-wrap"
+            :class="{'header-bottom-shadow': isProjDescScroll}"
+            :showUserCenter="false"
+          >
+            <div
+              class="title"
+              slot="left"
+            >项目概况</div>
+            <div
+              class="to-distwork-btn"
+              slot="right"
+              @click.stop="handleShowDistWorkPage"
+            >开始</div>
+          </top-header>
+          <div class="proj-desc-wrap">
+            <div class="item">
+              <div class="item-title">项目名称</div>
+              <div class="item-value">{{nowProject.ProjName}}</div>
+            </div>
+            <div class="item">
+              <div class="item-title">项目负责</div>
+              <div class="item-value">{{nowProject.ProjCreateUserName}}</div>
+            </div>
+            <div class="item cover-container">
+              <div class="item-title">封面</div>
+              <div
+                class="item-value cover-img-wrap use-relative"
+                :style="showBackground(coverSrc)"
+              >
+                <!-- <img :src="coverSrc | resolveAvator" alt="" class="cover-img"/> -->
+                <file-uploader
+                  :on-success="coverUploadSuccess"
+                  class="listUpdateBtn editCoverBtn"
+                >
+                  <div>编辑</div>
+                </file-uploader>
+
               </div>
             </div>
+            <div class="item">
+              <div class="item-title proj-main-template">项目主要模板</div>
+              <div class="item-value">{{nowProject.TempName}}</div>
+            </div>
+            <div class="item">
+              <div class="item-title">模板负责</div>
+              <div class="item-value">{{nowProject.TempCreateUserName}}</div>
+            </div>
+            <div class="item">
+              <div class="item-title">创建时间</div>
+              <div class="item-value">{{nowProject.ProjCreateTime}}</div>
+            </div>
+            <div
+              class="item"
+              v-for="prop in listProjProp"
+              :key="prop.TempPropId"
+            >
+              <div class="item-title">{{prop.PropertyName ? prop.PropertyName : '自定义字段'}}</div>
+              <div class="item-value">{{prop.PropValue}}</div>
+            </div>
           </div>
-          <!-- 工作指派页面 -->
-          <div class="distwork-page" v-if="isShowDistWorkPage && !isShowTemplateSummary">
-            <top-header v-if="!isEnterEdit"
-                        class="set-header-position header-wrap"
-                        :class="{'header-bottom-shadow': isDistWorkPartScroll }"
-                        backBtnTitle="项目概况" 
-                        :onBackBtnClick="showProjDetailClick" 
-                        :title="nowProject.TempName" :showUserCenter="false" :showBackBtn="true"
-            />
-            <top-header v-else 
-                        class="set-header-position header-wrap"
-                        :class="{'header-bottom-shadow': isDistWorkPartScroll }"
-                        title="指派工作" :showUserCenter="false" 
+        </div>
+        <!-- 工作指派页面 -->
+        <div
+          class="distwork-page"
+          v-if="isShowDistWorkPage && !isShowTemplateSummary"
+        >
+          <top-header
+            v-if="!isEnterEdit"
+            class="set-header-position header-wrap"
+            :class="{'header-bottom-shadow': isDistWorkPartScroll }"
+            backBtnTitle="项目概况"
+            :onBackBtnClick="showProjDetailClick"
+            :title="nowProject.TempName"
+            :showUserCenter="false"
+            :showBackBtn="true"
+          />
+          <top-header
+            v-else
+            class="set-header-position header-wrap"
+            :class="{'header-bottom-shadow': isDistWorkPartScroll }"
+            title="指派工作"
+            :showUserCenter="false"
+          >
+            <div
+              slot="left"
+              class="finish-edit-btn"
+              @click.stop="finishEditClick"
+            >完成编辑</div>
+            <div
+              slot="right"
+              class="question"
             >
-              <div slot="left" class="finish-edit-btn"  @click.stop="finishEditClick">完成编辑</div>
-              <div slot="right" class="question">
-                <i class="ques-icon" @click.stop="isShowManagerTips = !isShowManagerTips"></i>
-                <span class="ques-text">了解工作负责人</span>
-              </div>
-            </top-header>
-            <div class="manager-tips" v-show="isShowManagerTips">
-              <i class="close-icon" @click.stop="isShowManagerTips = !isShowManagerTips"></i>
-              <div class="tips-text">工作负责人将有权管理“负责工作中的成员”，点击用户头像变更工作负责人。</div>
+              <i
+                class="ques-icon"
+                @click.stop="isShowManagerTips = !isShowManagerTips"
+              ></i>
+              <span class="ques-text">了解工作负责人</span>
             </div>
-            <div class="part-wrap" ref="distworkpart">
-              <div v-if="!isEnterEdit" class="template-detail-btn"
-                @click.stop="isShowTemplateSummary = true, isEnterEditPropValue = false">模板概况</div>
-              <div v-if="isProjManager" class="manager-folder-wrap"
-                  :class="{'active-folder mb-36': isEditProjManager,'only-manager-see folder-click': !isEnterEdit}">
-                <div class="row-title">项目管理权限</div>
-                <div class="proj-manager-row  use-relative" 
-                    @click.stop="activeManagerClick">
-                  <div v-if="!isEnterEdit || !isEditProjManager" 
-                      class="use-relative ml-4 clear-fix" >
-                    <div class="use-relative fl">
-                      <people-item :user="currUser" :class="{'mr-8': !isEnterEdit}" :isShowManagerMark="isEnterEdit"/>
-                    </div>
-                    <div v-show="!isEnterEdit" class="vertical-line"/>
-                    <div class="use-flex fl">
-                      <div v-if="listManagerUser && listManagerUser.length > 0" class="use-flex fl">
-                        <people-item v-for="manager in filterManageFromListUser(currUser.id, listManagerUser)" 
-                        :key="manager.id" 
+          </top-header>
+          <div
+            class="manager-tips"
+            v-show="isShowManagerTips"
+          >
+            <i
+              class="close-icon"
+              @click.stop="isShowManagerTips = !isShowManagerTips"
+            ></i>
+            <div class="tips-text">工作负责人将有权管理“负责工作中的成员”，点击用户头像变更工作负责人。</div>
+          </div>
+          <div
+            class="part-wrap"
+            ref="distworkpart"
+          >
+            <div
+              v-if="!isEnterEdit"
+              class="template-detail-btn"
+              @click.stop="isShowTemplateSummary = true, isEnterEditPropValue = false"
+            >模板概况</div>
+            <div
+              v-if="isProjManager"
+              class="manager-folder-wrap"
+              :class="{'active-folder mb-36': isEditProjManager,'only-manager-see folder-click': !isEnterEdit}"
+            >
+              <div class="row-title">项目管理权限</div>
+              <div
+                class="proj-manager-row  use-relative"
+                @click.stop="activeManagerClick"
+              >
+                <div
+                  v-if="!isEnterEdit || !isEditProjManager"
+                  class="use-relative ml-4 clear-fix"
+                >
+                  <div class="use-relative fl">
+                    <people-item
+                      :user="currUser"
+                      :class="{'mr-8': !isEnterEdit}"
+                      :isShowManagerMark="isEnterEdit"
+                    />
+                  </div>
+                  <div
+                    v-show="!isEnterEdit"
+                    class="vertical-line"
+                  />
+                  <div class="use-flex fl">
+                    <div
+                      v-if="listManagerUser && listManagerUser.length > 0"
+                      class="use-flex fl"
+                    >
+                      <people-item
+                        v-for="manager in filterManageFromListUser(currUser.id, listManagerUser)"
+                        :key="manager.id"
                         :user="manager"
-                        :isEnterEdit="isEnterEdit"/>
-                      </div>
-                      <people-item v-if="!isEnterEdit && isProjCreator" @click.native.stop="addProjManager"/>
+                        :isEnterEdit="isEnterEdit"
+                      />
                     </div>
-                  </div>
-  
-                  <!-- 编辑状态下 可以切换负责人 -->
-                  <div class="use-relative ml-4 use-flex" v-if="isEnterEdit && isEditProjManager">
-                      <temp-selected-user-list 
-                          :selectedUserList="selectedUser"
-                          @changeManagerClick="changeManagerClick"
-                          @setFirstPeopleToManager="setFirstPeopleToManager"/>
+                    <people-item
+                      v-if="!isEnterEdit && isProjCreator"
+                      @click.native.stop="addProjManager"
+                    />
                   </div>
                 </div>
+
+                <!-- 编辑状态下 可以切换负责人 -->
+                <div
+                  class="use-relative ml-4 use-flex"
+                  v-if="isEnterEdit && isEditProjManager"
+                >
+                  <temp-selected-user-list
+                    :selectedUserList="selectedUser"
+                    @changeManagerClick="changeManagerClick"
+                    @setFirstPeopleToManager="setFirstPeopleToManager"
+                  />
+                </div>
               </div>
-              <plain-folder-list
-                class="plain-folder-list"
-                :nestNodeList="nestNodeList"
-                :isEnterEdit="isEnterEdit"
-                :id="userId"
-                :lastFolderId="lastFolderId"
-                :folderList="listNewFolder"
-                :allManager="currUser"
-                :allManagerChild="listManagerUser"
-                :aloneAddUserForFolder="aloneAddUserForFolder"
-                :aloneAddUserOnlyStaff="aloneAddUserOnlyStaff"
-                :allChildrenLists="allChildrenLists"
-                :activeFolderId="activeFolderId"
-                :selectedUser="selectedUser"
-                :isProjManager="isProjManager"
-              />
             </div>
+            <plain-folder-list
+              class="plain-folder-list"
+              :nestNodeList="nestNodeList"
+              :isEnterEdit="isEnterEdit"
+              :id="userId"
+              :lastFolderId="lastFolderId"
+              :folderList="listNewFolder"
+              :allManager="currUser"
+              :allManagerChild="listManagerUser"
+              :aloneAddUserForFolder="aloneAddUserForFolder"
+              :aloneAddUserOnlyStaff="aloneAddUserOnlyStaff"
+              :allChildrenLists="allChildrenLists"
+              :activeFolderId="activeFolderId"
+              :selectedUser="selectedUser"
+              :isProjManager="isProjManager"
+            />
           </div>
-          <!-- 点击项目概况按钮看到的页面 -->
-          <div class="template-summary" v-if="isShowTemplateSummary">
-            <top-header class="set-header-position header-wrap"
-                        :class="{'header-bottom-shadow': isTemplateDescScroll }"
-                        backBtnTitle="返回" theme=""
-                        :onBackBtnClick="returnToDistWorkClick" 
-                        :title="nowProject.TempName" :showUserCenter="false" :showBackBtn="true"
+        </div>
+        <!-- 点击项目概况按钮看到的页面 -->
+        <div
+          class="template-summary"
+          v-if="isShowTemplateSummary"
+        >
+          <top-header
+            class="set-header-position header-wrap"
+            :class="{'header-bottom-shadow': isTemplateDescScroll }"
+            backBtnTitle="返回"
+            theme=""
+            :onBackBtnClick="returnToDistWorkClick"
+            :title="nowProject.TempName"
+            :showUserCenter="false"
+            :showBackBtn="true"
+          >
+            <div
+              slot="right"
+              class="edit-template-btn"
+              @click.stop="handleEditTemplate"
             >
-            <div slot="right" class="edit-template-btn" 
-                @click.stop="handleEditTemplate">
               {{`${isEnterEditPropValue ? "完成编辑" : "修改"}`}}
             </div>
-            </top-header>
-            <div class="summary-wrap" ref="templatedesc" v-if="Object.keys(nowProject).length > 0">
-              <div class="item">
-                <div class="item-title">模板负责</div>
-                <div class="item-value">{{nowProject.TempCreateUserName}}</div>
-              </div>
-              <div class="item">
-                <div class="item-title">创建时间</div>
-                <div class="item-value">{{nowProject.ProjCreateTime}}</div>
-              </div>
-              <div class="item">
-                <div class="item-title">工程名称</div>
-                <div class="item-value">{{nowProject.ProjName}}</div>
-              </div>
-              <div class="item" v-for="prop in listProjProp" :key="prop.TempPropId">
-                <div class="item-title" :class="{'adjust-title-position': isEnterEditPropValue }">{{prop.PropertyName ? prop.PropertyName : '自定义字段'}}</div>
-                <div class="item-value">
-                  <div v-if="!isEnterEditPropValue">{{prop.PropValue}}</div>
-                  <input v-else v-model="prop.PropValue" type="text" class="prop-value-input"/>
-                </div>
+          </top-header>
+          <div
+            class="summary-wrap"
+            ref="templatedesc"
+            v-if="Object.keys(nowProject).length > 0"
+          >
+            <div class="item">
+              <div class="item-title">模板负责</div>
+              <div class="item-value">{{nowProject.TempCreateUserName}}</div>
+            </div>
+            <div class="item">
+              <div class="item-title">创建时间</div>
+              <div class="item-value">{{nowProject.ProjCreateTime}}</div>
+            </div>
+            <div class="item">
+              <div class="item-title">工程名称</div>
+              <div class="item-value">{{nowProject.ProjName}}</div>
+            </div>
+            <div
+              class="item"
+              v-for="prop in listProjProp"
+              :key="prop.TempPropId"
+            >
+              <div
+                class="item-title"
+                :class="{'adjust-title-position': isEnterEditPropValue }"
+              >{{prop.PropertyName ? prop.PropertyName : '自定义字段'}}</div>
+              <div class="item-value">
+                <div v-if="!isEnterEditPropValue">{{prop.PropValue}}</div>
+                <input
+                  v-else
+                  v-model="prop.PropValue"
+                  type="text"
+                  class="prop-value-input"
+                />
               </div>
             </div>
           </div>
-          <nest-temp v-if="isStartEditNestTemp"
-            :isTemNestInProp="isTemNest"
-            :nestNodeFolder="nestNodeFolder"
-            @enterDistWork="enterDistWork"
-          />
-
         </div>
-        <div class="personnel-list-part" v-if="isEnterEdit" 
-            :class="{'set-personnel-list-width': isEnterEdit}">
+        <nest-temp
+          v-if="isStartEditNestTemp"
+          :isTemNestInProp="isTemNest"
+          :nestNodeFolder="nestNodeFolder"
+          @enterDistWork="enterDistWork"
+        />
+
+      </div>
+      <div
+        class="personnel-list-part"
+        v-if="isEnterEdit"
+        :class="{'set-personnel-list-width': isEnterEdit}"
+      >
         <personnel-list
-                       :listDept="[...listDept]"
-                      :handleCheckItemAll="handleCheckItemAll"
-                      :handleCheckedOne="handleCheckedOne"
+          :listDept="[...listDept]"
+          :handleCheckItemAll="handleCheckItemAll"
+          :handleCheckedOne="handleCheckedOne"
         />
       </div>
     </div>
@@ -201,595 +316,645 @@
 </template>
 
 <script>
-  import { wrapOssProtocol, getFileUrl } from "@/services/oss";
-  import TopHeader from "@/components/app-header/components/top-header";
-  import AppHeader from "@/components/app-header";
-  import PlainFolderList from './components/plain-folder-list';
-  import PeopleItem from './components/people-item';
-  import PersonnelList from './components/personnel-list';
-  import TempSelectedUserList from './components/temp-selected-user-list';
-  import FileUploader from "@/components/file-uploader";
-  import { getUserInfo,fetchDeptList,getUserListByNode } from '@/services/user.js';
-  import { cloneDeep, uniqBy } from 'lodash';
-  import { fetchApi } from '@/utils/request';
-  import { firstCharToLowerCase, firstCharToUpperCase } from '@/utils/tool';
-  import { AssignedWork, EditProject } from '@/services/project.js';
-  import * as prjService from '@/services/project';
-  import * as tempalteService from '@/services/template.js'
-   import dayjs from 'dayjs';
-import NestTemp from '../project/nestTemp.vue';
-
-  export default {
-    data() {
-      return {
-        // 原先distwork的data数据
-        nestNodeFolder:{},//嵌套点的folder信息
-        nestNodeList:[],
-        nowProject:{},
-        listProjProp: [],
-        cnName: "",
-        selectedUser: [], // 当前文件夹的已选协作人
-        selectedManageUser: [], // 当前文件夹的已选负责人
-        showTitle: "1", //默认显示标题
-        disabled: false, //添加合作人可点击
-        checked: false,
-        activeName: "1",
-        showAll: false, //项目信息概况
-        isBottomNewProj: false, //底部弹框
-        nodeLeaves: false, //工作树叶子
-        isShowStaffList: false, //显示项目负责人
-        opentree: true, //工作树三角
-        ischeckAll: false, //是否是全部选中
-        isShowPrjDesc: false, //分配项目--项目概况
-        isSlectPal: true, //分配项目--项目概况
-    
-        folderPerm: "1",
-        // -----------------------------------------------
-        isShowFirstPage: true,
-        isShowSecondPage: false,
-        isShowThreePage: false,
-        InitData: {},
-        listNewFolder: [],
-        oldFolderList: [],//未进行新的工作指派的嵌套的节点列表的深拷贝
-        oldPlainFolderList: [],//平级的节点列表
-        listDept: [],
-        curProjCreatePeop: [],
-        currWorkName: "",
-        newProjFolderIndex:1,
-        tempIndex:0,
-        isShowdivid2:false,
-        currSelectData:[],
-        currUser: {},
-        isShowManager:true,// 当前是否是设置项目负责人
-        listManagerUser:[], //项目负责人
-        oldListManagerUser: [],
-        isProjManager: false,
-        isProjCreator: false,
-        currListDeptUserData:[],
-
-        userList: [], // 员工列表
-        finishBtnClickCount: 0,
-        userId:sessionStorage.userId,
-        allChildrenLists:[],
-
-        isShowStartProjDesc: true,//控制显示开始的项目概况页面
-        isShowTemplateSummary: false,//是否显示模板概况页面
-        isShowDistWorkPage: false,//是显示开始的项目概况还是进行工作指派
-        isEnterEdit: false,//是否进入编辑人员/指派人员状态
-
-        distWorkPartEl: null,//指派工作页面的内容元素
-        isDistWorkPartScroll: false,//只读指派页面是否正在滚动 滚动的话导航栏加上底部阴影
-        dlastScrollTime: null,
-
-        isProjDescScroll: false,//项目概况页面是否滚动
-        projDescEl: null,
-        plastScrollTime: null,
-
-        isTemplateDescScroll: false,//模板概况页面是否滚动
-        templateDescEl: null,
-        tlastScrollTime: null,
-
-        isEditProjManager: false,//是在编辑具有项目管理权限的负责人 还是在编辑节点的人员
-        activeFolderId: '',//点击进入编辑的节点id
-        activeFolder: null,
-        coverSrc:'/static/img/faceImg/face01.png',
-
-        isStartEditNestTemp: false,//是否显示编辑嵌套模板的页面
-        isTemNest: false,//控制嵌套显示内容
-        activeDeptName: '',//默认打开右侧的某一个部门
-        isShowManagerTips: false,//是否显示工作负责人的提示
-        isEnterEditPropValue: false,//是否进入编辑模板自定义字段
-        isDistworkDone: false,//是否有进行过工作指派
-        isDistworkSuccess: false,//每一次工作指派是否成功
-
-        lastFolderId: '',//最后一个进行工作指派的节点的id
-        originPropListCopy: [],
-
-      }
-    },
-    components: {
-      AppHeader,
-      TopHeader,
-      PlainFolderList,
-      PeopleItem,
-      PersonnelList,
-      TempSelectedUserList,
-      FileUploader,
-        NestTemp,
-    },
-    updated() {
-      if(this.$refs.projdesc) {
-        this.projDescEl = this.$refs.projdesc;
-        this.projDescEl.removeEventListener('scroll', this.watchProjDescScroll);
-        this.projDescEl.addEventListener('scroll', this.watchProjDescScroll);
-      }
-
-      if(this.$refs.distworkpart) {
-        this.distWorkPartEl = this.$refs.distworkpart;
-        this.distWorkPartEl.removeEventListener('scroll', this.watchDistWorkPartScroll);
-        this.distWorkPartEl.addEventListener('scroll', this.watchDistWorkPartScroll);
-      }
-
-      if(this.$refs.templateDescEl) {
-        this.templateDescEl = this.$refs.templatedesc;
-        this.templateDescEl.removeEventListener('scroll', this.watchTemplateDescScroll);
-        this.templateDescEl.addEventListener('scroll', this.watchTemplateDescScroll);
-      }
-
-    },
-    mounted() {
-      
-      // 从新建项目过来的 一开始直接显示工作指派界面
-      this.isShowDistWorkPage = this.$route.query.isShowDistworkPage ? this.$route.query.isShowDistworkPage : this.isShowDistworkPage;
-      this.isShowStartProjDesc = !this.isShowDistWorkPage;//不显示开始的项目概况页面
-      this._getUserInfo(sessionStorage.userId);
-      this.projInfo(sessionStorage.projId);
-      this.cnName = JSON.parse(sessionStorage.user).cnName;
-
-      // 加载项目详情
-      this.fetchProjectDetail();
-      this.getNestNode(sessionStorage.templateID);
+import { wrapOssProtocol, getFileUrl } from "@/services/oss";
+import TopHeader from "@/components/app-header/components/top-header";
+import AppHeader from "@/components/app-header";
+import PlainFolderList from "./components/plain-folder-list";
+import PeopleItem from "./components/people-item";
+import PersonnelList from "./components/personnel-list";
+import TempSelectedUserList from "./components/temp-selected-user-list";
+import FileUploader from "@/components/file-uploader";
+import {
+  getUserInfo,
+  fetchDeptList,
+  getUserListByNode,
+} from "@/services/user.js";
+import { cloneDeep, uniqBy } from "lodash";
+import { fetchApi } from "@/utils/request";
+import { firstCharToLowerCase, firstCharToUpperCase } from "@/utils/tool";
+import { AssignedWork, EditProject } from "@/services/project.js";
+import * as prjService from "@/services/project";
+import * as tempalteService from "@/services/template.js";
+import dayjs from "dayjs";
+import NestTemp from "../project/nestTemp.vue";
+
+export default {
+  data() {
+    return {
+      // 原先distwork的data数据
+      nestNodeFolder: {}, //嵌套点的folder信息
+      nestNodeList: [],
+      nowProject: {},
+      listProjProp: [],
+      cnName: "",
+      selectedUser: [], // 当前文件夹的已选协作人
+      selectedManageUser: [], // 当前文件夹的已选负责人
+      showTitle: "1", //默认显示标题
+      disabled: false, //添加合作人可点击
+      checked: false,
+      activeName: "1",
+      showAll: false, //项目信息概况
+      isBottomNewProj: false, //底部弹框
+      nodeLeaves: false, //工作树叶子
+      isShowStaffList: false, //显示项目负责人
+      opentree: true, //工作树三角
+      ischeckAll: false, //是否是全部选中
+      isShowPrjDesc: false, //分配项目--项目概况
+      isSlectPal: true, //分配项目--项目概况
+
+      folderPerm: "1",
+      // -----------------------------------------------
+      isShowFirstPage: true,
+      isShowSecondPage: false,
+      isShowThreePage: false,
+      InitData: {},
+      listNewFolder: [],
+      oldFolderList: [], //未进行新的工作指派的嵌套的节点列表的深拷贝
+      oldPlainFolderList: [], //平级的节点列表
+      listDept: [],
+      curProjCreatePeop: [],
+      currWorkName: "",
+      newProjFolderIndex: 1,
+      tempIndex: 0,
+      isShowdivid2: false,
+      currSelectData: [],
+      currUser: {},
+      isShowManager: true, // 当前是否是设置项目负责人
+      listManagerUser: [], //项目负责人
+      oldListManagerUser: [],
+      isProjManager: false,
+      isProjCreator: false,
+      currListDeptUserData: [],
+
+      userList: [], // 员工列表
+      finishBtnClickCount: 0,
+      userId: sessionStorage.userId,
+      allChildrenLists: [],
+
+      isShowStartProjDesc: true, //控制显示开始的项目概况页面
+      isShowTemplateSummary: false, //是否显示模板概况页面
+      isShowDistWorkPage: false, //是显示开始的项目概况还是进行工作指派
+      isEnterEdit: false, //是否进入编辑人员/指派人员状态
+
+      distWorkPartEl: null, //指派工作页面的内容元素
+      isDistWorkPartScroll: false, //只读指派页面是否正在滚动 滚动的话导航栏加上底部阴影
+      dlastScrollTime: null,
+
+      isProjDescScroll: false, //项目概况页面是否滚动
+      projDescEl: null,
+      plastScrollTime: null,
+
+      isTemplateDescScroll: false, //模板概况页面是否滚动
+      templateDescEl: null,
+      tlastScrollTime: null,
+
+      isEditProjManager: false, //是在编辑具有项目管理权限的负责人 还是在编辑节点的人员
+      activeFolderId: "", //点击进入编辑的节点id
+      activeFolder: null,
+      coverSrc: "/static/img/faceImg/face01.png",
+
+      isStartEditNestTemp: false, //是否显示编辑嵌套模板的页面
+      isTemNest: false, //控制嵌套显示内容
+      activeDeptName: "", //默认打开右侧的某一个部门
+      isShowManagerTips: false, //是否显示工作负责人的提示
+      isEnterEditPropValue: false, //是否进入编辑模板自定义字段
+      isDistworkDone: false, //是否有进行过工作指派
+      isDistworkSuccess: false, //每一次工作指派是否成功
+
+      lastFolderId: "", //最后一个进行工作指派的节点的id
+      originPropListCopy: [],
+    };
+  },
+  components: {
+    AppHeader,
+    TopHeader,
+    PlainFolderList,
+    PeopleItem,
+    PersonnelList,
+    TempSelectedUserList,
+    FileUploader,
+    NestTemp,
+  },
+  updated() {
+    if (this.$refs.projdesc) {
       this.projDescEl = this.$refs.projdesc;
-      // this.distWorkPartEl = document.querySelector('#distwork-part');
-      if(this.projDescEl) {
-        this.projDescEl.addEventListener('scroll', this.watchProjDescScroll);
-      }
+      this.projDescEl.removeEventListener("scroll", this.watchProjDescScroll);
+      this.projDescEl.addEventListener("scroll", this.watchProjDescScroll);
+    }
+
+    if (this.$refs.distworkpart) {
       this.distWorkPartEl = this.$refs.distworkpart;
-      // this.projDescEl = document.querySelector('#proj-desc');
-      if(this.distWorkPartEl) {
-        this.distWorkPartEl.addEventListener('scroll', this.watchDistWorkPartScroll);
-      }
+      this.distWorkPartEl.removeEventListener(
+        "scroll",
+        this.watchDistWorkPartScroll
+      );
+      this.distWorkPartEl.addEventListener(
+        "scroll",
+        this.watchDistWorkPartScroll
+      );
+    }
+
+    if (this.$refs.templateDescEl) {
       this.templateDescEl = this.$refs.templatedesc;
-      // this.templateDescEl = document.querySelector('#template-desc');
-      if(this.templateDescEl) {
-        this.templateDescEl.addEventListener('scroll', this.watchTemplateDescScroll);
-      }
+      this.templateDescEl.removeEventListener(
+        "scroll",
+        this.watchTemplateDescScroll
+      );
+      this.templateDescEl.addEventListener(
+        "scroll",
+        this.watchTemplateDescScroll
+      );
+    }
+  },
+  mounted() {
+    // 从新建项目过来的 一开始直接显示工作指派界面
+    this.isShowDistWorkPage = this.$route.query.isShowDistworkPage
+      ? this.$route.query.isShowDistworkPage
+      : this.isShowDistworkPage;
+    this.isShowStartProjDesc = !this.isShowDistWorkPage; //不显示开始的项目概况页面
+    this._getUserInfo(sessionStorage.userId);
+    this.projInfo(sessionStorage.projId);
+    this.cnName = JSON.parse(sessionStorage.user).cnName;
+
+    // 加载项目详情
+    this.fetchProjectDetail();
+    this.getNestNode(sessionStorage.templateID);
+    this.projDescEl = this.$refs.projdesc;
+    // this.distWorkPartEl = document.querySelector('#distwork-part');
+    if (this.projDescEl) {
+      this.projDescEl.addEventListener("scroll", this.watchProjDescScroll);
+    }
+    this.distWorkPartEl = this.$refs.distworkpart;
+    // this.projDescEl = document.querySelector('#proj-desc');
+    if (this.distWorkPartEl) {
+      this.distWorkPartEl.addEventListener(
+        "scroll",
+        this.watchDistWorkPartScroll
+      );
+    }
+    this.templateDescEl = this.$refs.templatedesc;
+    // this.templateDescEl = document.querySelector('#template-desc');
+    if (this.templateDescEl) {
+      this.templateDescEl.addEventListener(
+        "scroll",
+        this.watchTemplateDescScroll
+      );
+    }
 
-      // 监听plain-folder-list发来的事件 进入文件夹编辑
-      this.$bus.$on('enterEditFolderClick', this.enterEditFolderClick);
+    // 监听plain-folder-list发来的事件 进入文件夹编辑
+    this.$bus.$on("enterEditFolderClick", this.enterEditFolderClick);
 
-      this.$bus.$on('activeFolderClick', this.activeFolderClick);
+    this.$bus.$on("activeFolderClick", this.activeFolderClick);
 
-      this.$bus.$on('changeManagerClick', this.changeManagerClick);
+    this.$bus.$on("changeManagerClick", this.changeManagerClick);
 
-      this.$bus.$on('setFirstPeopleToManager', this.setFirstPeopleToManager);
+    this.$bus.$on("setFirstPeopleToManager", this.setFirstPeopleToManager);
 
-      this.$bus.$on('enterNestTemp', this.enterNestTemp);
-    },
-    beforeDestroy() {
-      this.projDescEl && this.projDescEl.removeEventListener('scroll', this.watchProjDescScroll);
-      this.distWorkPartEl && this.distWorkPartEl.removeEventListener('scroll', this.watchDistWorkPartScroll);
-      this.templateDescEl && this.templateDescEl.removeEventListener('scroll', this.watchTemplateDescScroll);
+    this.$bus.$on("enterNestTemp", this.enterNestTemp);
+  },
+  beforeDestroy() {
+    this.projDescEl &&
+      this.projDescEl.removeEventListener("scroll", this.watchProjDescScroll);
+    this.distWorkPartEl &&
+      this.distWorkPartEl.removeEventListener(
+        "scroll",
+        this.watchDistWorkPartScroll
+      );
+    this.templateDescEl &&
+      this.templateDescEl.removeEventListener(
+        "scroll",
+        this.watchTemplateDescScroll
+      );
+
+    // 取消监听
+    this.$bus.$off("enterEditFolderClick", this.enterEditFolderClick);
 
-      // 取消监听
-      this.$bus.$off('enterEditFolderClick', this.enterEditFolderClick);
+    this.$bus.$off("activeFolderClick", this.activeFolderClick);
 
-      this.$bus.$off('activeFolderClick', this.activeFolderClick);
+    this.$bus.$off("changeManagerClick", this.changeManagerClick);
 
-      this.$bus.$off('changeManagerClick', this.changeManagerClick);
+    this.$bus.$off("setFirstPeopleToManager", this.setFirstPeopleToManager);
 
-      this.$bus.$off('setFirstPeopleToManager', this.setFirstPeopleToManager);
-      
-      this.$bus.$off('enterNestTemp', this.enterNestTemp);
+    this.$bus.$off("enterNestTemp", this.enterNestTemp);
+  },
+  methods: {
+    // 处理图片路径
+    showBackground(imgUrl) {
+      let resolveImg = this.$options.filters["resolveImg"];
+      const src = resolveImg(imgUrl);
+      return {
+        background: `center/cover no-repeat url(${src})`,
+      };
+    },
+    // 点击了模板概况的按钮 -》 进入工作指派页面
+    handleShowDistWorkPage() {
+      this.isShowDistWorkPage = true;
+    },
+    // 点击了编辑模板概况的按钮
+    handleEditTemplate() {
+      this.isEnterEditPropValue = !this.isEnterEditPropValue;
+      // 此时完成编辑 -> 提示编辑成功等信息
+      if (!this.isEnterEditPropValue) {
+        this.originPropListCopy = this.listProjProp;
+        this.$notify({
+          type: ["success"],
+          message: "修改模板概况成功",
+        });
+      }
+    },
+    /**
+     * 进入嵌套模板
+     */
+    enterNestTemp(nestNodeFolder) {
+      this.isShowDistWorkPage = false;
+      this.isShowStartProjDesc = false;
+      this.isShowTemplateSummary = false;
+      this.isStartEditNestTemp = true;
+      this.isTemNest = true;
+      this.nestNodeFolder = nestNodeFolder;
+    },
+    /**
+     * 退出嵌套模板，进入分配界面
+     */
+    async enterDistWork() {
+      this.isShowDistWorkPage = true;
+      this.isShowStartProjDesc = true;
+      this.isShowTemplateSummary = false;
+      this.isStartEditNestTemp = false;
+      this.isTemNest = false;
+      await this.fetchProjectDetail();
+    },
+    /**
+     * 退出编辑回到项目列表页
+     */
+    returnToProjListPage() {
+      if (this.isDistworkDone && this.isDistworkSuccess) {
+        this.$notify({
+          message: "工作指派完成。",
+          type: ["success"],
+        });
+      }
+      this.$router
+        .push({
+          path: "/index",
+        })
+        .catch((err) => console.log(err));
     },
-    methods: {
-      // 处理图片路径
-      showBackground(imgUrl) {
-          let resolveImg = this.$options.filters['resolveImg'];
-          const src = resolveImg(imgUrl);
-          return {
-              background: `center/cover no-repeat url(${src})`,
+    /**
+     * 查找嵌套节点信息 因为嵌套的模板本身也可能是一个嵌套模板 所以要进行递归查找
+     */
+    async getNestNode(id) {
+      const res1 = await tempalteService.queryNestTemplateByTemplateId(id);
+      const temp = res1.Data || [];
+      const resList = [...res1.Data];
+      circulateGetNestNode(temp, resList);
+      this.nestNodeList = resList;
+
+      function circulateGetNestNode(targetList, resList) {
+        targetList.forEach(async (item) => {
+          const res2 = await tempalteService.queryNestTemplateByTemplateId(
+            item.TemplateId
+          );
+          const resData = res2.Data || [];
+          if (resData.length > 0) {
+            resList.push(...resData);
           }
-      },
-      // 点击了模板概况的按钮 -》 进入工作指派页面
-      handleShowDistWorkPage() {
-        this.isShowDistWorkPage = true;
-      },
-      // 点击了编辑模板概况的按钮
-      handleEditTemplate() {
-        this.isEnterEditPropValue = !this.isEnterEditPropValue;
-        // 此时完成编辑 -> 提示编辑成功等信息
-        if(!this.isEnterEditPropValue) {
-          this.originPropListCopy = this.listProjProp;
-          this.$notify({
-            type: ["success"],
-            message: '修改模板概况成功'
+        });
+      }
+    },
+    /**
+     * 加载项目信息
+     */
+    async projInfo(id) {
+      const projectInfoRes = await prjService.QueryProjectInfoByProjId(id);
+      if (projectInfoRes.Code == -1) {
+        //查询数据失败 -》 可能模板信息已经被删除了 那么也就无法进行工作指派了
+        this.$notify({
+          type: ["error"],
+          message: "项目概况信息查询失败",
+        });
+        return;
+      }
+      this.nowProject = projectInfoRes.Data || {};
+      this.nowProject.ProjCreateTime = dayjs(
+        this.nowProject.ProjCreateTime
+      ).format("YYYY/MM/DD");
+      this.nowProject = { ...this.nowProject };
+      this.listProjProp = projectInfoRes.Data.CustomProps || [];
+      this.listProjProp = [...this.listProjProp];
+
+      this.originPropListCopy = cloneDeep(this.listProjProp);
+      this.coverSrc = projectInfoRes.Data.ShowImgUrl;
+    },
+    async coverUploadSuccess(file) {
+      const filePath = wrapOssProtocol(file.ossUrl);
+      this.coverSrc = filePath;
+      var updateData = {
+        ProjId: sessionStorage.projId,
+        ImgUrl: this.coverSrc,
+      };
+      const res = await EditProject(updateData);
+      if (res.Code == -1) {
+        this.$notify({
+          message: "封面修改失败。",
+          type: "success",
+        });
+      }
+
+      //this.newProjData.projectData.showImgUrl=filePath;
+    },
+    setSystemCoverRandom() {},
+    returnToDistWorkClick() {
+      // 未点击完成编辑按钮 -》 概况信息未保存
+      if (this.isEnterEditPropValue) {
+        this.$confirm("是否保存当前项目的模板概况信息", "", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            this.isShowTemplateSummary = false;
+            this.originPropListCopy = this.listProjProp;
           })
-        }
-      },
-      /**
-       * 进入嵌套模板
-       */
-      enterNestTemp(nestNodeFolder) {
-        this.isShowDistWorkPage = false;
-        this.isShowStartProjDesc = false;
-        this.isShowTemplateSummary = false;
-        this.isStartEditNestTemp = true;
-        this.isTemNest = true;
-        this.nestNodeFolder=nestNodeFolder;
-      },
-      /**
-       * 退出嵌套模板，进入分配界面
-       */
-      async enterDistWork(){
-        this.isShowDistWorkPage = true;
-        this.isShowStartProjDesc = true;
+          .catch(() => {
+            this.listProjProp = this.originPropListCopy;
+          });
+      } else {
         this.isShowTemplateSummary = false;
-        this.isStartEditNestTemp = false;
-        this.isTemNest = false;
-        await this.fetchProjectDetail();
-      },
-      /**
-       * 退出编辑回到项目列表页
-       */
-       returnToProjListPage() {
-        if(this.isDistworkDone && this.isDistworkSuccess) {
-           this.$notify({
-              message: '工作指派完成。',
-              type: ["success"],
-            });
-         }
-        this.$router.push({
-          path: '/index',
-        }).catch(err => console.log(err))
-       },
-      /**
-       * 查找嵌套节点信息 因为嵌套的模板本身也可能是一个嵌套模板 所以要进行递归查找
-       */
-      async getNestNode(id){
-        const res1 = await tempalteService.queryNestTemplateByTemplateId(id);
-        const temp = res1.Data || [];
-        const resList = [...res1.Data]
-        circulateGetNestNode(temp, resList);
-        this.nestNodeList = resList;
-        
-        function circulateGetNestNode(targetList, resList) {
-          targetList.forEach(async item => {
-            const res2 = await tempalteService.queryNestTemplateByTemplateId(item.TemplateId);
-            const resData = res2.Data || [];
-            if(resData.length > 0) {
-              resList.push(...resData);
-            }
-          })
-        }
-      },
-      /**
-       * 加载项目信息
-       */
-      async projInfo(id){
-        const projectInfoRes = await prjService.QueryProjectInfoByProjId(id);
-        if(projectInfoRes.Code == -1) {
-          //查询数据失败 -》 可能模板信息已经被删除了 那么也就无法进行工作指派了
-          this.$notify({
-            type: ["error"],
-            message: '项目概况信息查询失败'
-          })
-          return;
-        }
-        this.nowProject = projectInfoRes.Data || {};
-        this.nowProject.ProjCreateTime = dayjs(this.nowProject.ProjCreateTime).format('YYYY/MM/DD');
-        this.nowProject = {...this.nowProject};
-        this.listProjProp = projectInfoRes.Data.CustomProps || [];
-        this.listProjProp = [...this.listProjProp];
-
-        this.originPropListCopy = cloneDeep(this.listProjProp);
-        this.coverSrc = projectInfoRes.Data.ShowImgUrl;
-      },
-      async coverUploadSuccess(file) {
-        const filePath = wrapOssProtocol(file.ossUrl);
-        this.coverSrc = filePath;
-        var updateData = {
-          ProjId:sessionStorage.projId,
-          ImgUrl:this.coverSrc,
-        }
-        const res = await EditProject(updateData);
-        if(res.Code == -1){
-          this.$notify({
-            message:'封面修改失败。',
-            type:'success'
-          })
-        }
-        
-
-        //this.newProjData.projectData.showImgUrl=filePath;
-      },
-      setSystemCoverRandom() {
-
-      },
-      returnToDistWorkClick() {
-        // 未点击完成编辑按钮 -》 概况信息未保存
-        if(this.isEnterEditPropValue) {
-            this.$confirm("是否保存当前项目的模板概况信息", "", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning",
-            }).then(async () => {
-               this.isShowTemplateSummary = false;
-               this.originPropListCopy = this.listProjProp;
-
-            }).catch(() => {
-               this.listProjProp =  this.originPropListCopy;
-            })
-        } else {
-          this.isShowTemplateSummary = false;
-        }
-      },
-      // 点击返回按钮 显示项目概况页面
-      showProjDetailClick() {
-        this.isShowDistWorkPage = false;
-        this.isShowStartProjDesc = true;
-      },
-      // 只有一个人的时候设置第一个人为负责人
-      setFirstPeopleToManager(user) {
-        if(this.selectedManageUser.length == 0 && this.selectedUser.length !== 0) {
-          this.selectedManageUser.push(user);
-        } 
-      },
-      // listUser列表过滤掉负责人
-      filterManageFromListUser(managerId, listUser) {
-        return listUser.filter(user => user.id !== managerId);
-      },
-      // 项目概况页面滚动
-      watchProjDescScroll() {
-        this.isProjDescScroll = this.projDescEl.scrollTop > 0;
-      },
-      // 模板概况页面滚动
-      watchTemplateDescScroll() {
-        this.isTemplateDescScroll = this.templateDescEl.scrollTop > 0;
-      },
-      // 指派工作页面的滚动
-      watchDistWorkPartScroll() {
-        this.isDistWorkPartScroll = this.distWorkPartEl.scrollTop > 0;
-      },
-      // 切换到项目负责人进行编辑
-      activeManagerClick() {
-        if(this.isProjCreator) {
-          this.isEditProjManager = true;
-          this.enterEditOperate();
-          this.activeFolderId = '';
-          this.activeFolder = null;
-          this.addProjManager();
-        }
-      },
-      // 切换当前激活的文件夹
-      activeFolderClick(folder) {
-        this.isEditProjManager = false;
-        this.activeFolderId = folder.id;
-        this.activeFolder = folder;
-        if(folder.listUser && folder.listUser.length == 0) {
-          this.aloneAddUserForFolder(folder);
-        } else {
-          this.aloneAddUserOnlyStaff(folder);
-        }
-      },
-      // 点击添加folder进入编辑状态 这里传递folderId是为了找到是用哪一个文件夹
-      enterEditFolderClick(folder) {
-        this.activeFolderId = folder.id;
-        this.activeFolder = folder;
-        this.enterEditOperate();
-      },
-      // 点击进入编辑 做的一些列操作
-      enterEditOperate() {
-        this.isEnterEdit = true;
-      },
-      // 完成编辑/完成人员指派的点击
-      finishEditClick() {
-        this.isDistworkDone = true;
-        this.isEnterEdit = false;
-        this.selectedManageUser = [];
-        this.selectedUser = [];
-        if(this.isEditProjManager) {
-          this.isEditProjManager = false;
-        }
-        this.createFolders();
-        this.activeDeptName = '';
-      },
-      // 点击了项目管理权限那行的添加按钮
-      addProjMangerBtnClick() {
+      }
+    },
+    // 点击返回按钮 显示项目概况页面
+    showProjDetailClick() {
+      this.isShowDistWorkPage = false;
+      this.isShowStartProjDesc = true;
+    },
+    // 只有一个人的时候设置第一个人为负责人
+    setFirstPeopleToManager(user) {
+      if (
+        this.selectedManageUser.length == 0 &&
+        this.selectedUser.length !== 0
+      ) {
+        this.selectedManageUser.push(user);
+      }
+    },
+    // listUser列表过滤掉负责人
+    filterManageFromListUser(managerId, listUser) {
+      return listUser.filter((user) => user.id !== managerId);
+    },
+    // 项目概况页面滚动
+    watchProjDescScroll() {
+      this.isProjDescScroll = this.projDescEl.scrollTop > 0;
+    },
+    // 模板概况页面滚动
+    watchTemplateDescScroll() {
+      this.isTemplateDescScroll = this.templateDescEl.scrollTop > 0;
+    },
+    // 指派工作页面的滚动
+    watchDistWorkPartScroll() {
+      this.isDistWorkPartScroll = this.distWorkPartEl.scrollTop > 0;
+    },
+    // 切换到项目负责人进行编辑
+    activeManagerClick() {
+      if (this.isProjCreator) {
         this.isEditProjManager = true;
         this.enterEditOperate();
-      },
-      //获取用户个人信息
-      async _getUserInfo(userId) {
-        try {
-          let res = await getUserInfo(userId);
-          let createUser = await getUserInfo(sessionStorage.createUserID);
-          // console.log('我是用户的信息',res);
-          this.curProjCreatePeop =
-            createUser.cnName + " 指派了新工作，请完成工作指派";
-          if (sessionStorage.allocated == 1)
-          {
-            this.curProjCreatePeop = "项目管理";
-          }
-        } catch(err) {
-          console.log(err);
-        }
-      },
-       /*
-        * 是否有权限可以删除自己
-        */
-      isAllowedDelete(item) {
-        return !(!this.listManagerUser.includes(item) && this.currUser.id !== item.id && this.InitData.manageUser && this.InitData.manageUser.length > 0 && this.InitData.manageUser[0].id == sessionStorage.userId && !this.allChildrenLists.includes(this.InitData) && item.id == this.InitData.manageUser[0].id)
-      },
-      /**
-       * 点击切换项目负责人 同一个用户点击两次可以切换状态
-       */
-      changeManagerClick(clickUser) {
-        if(this.isEditProjManager) {
-          // 如果是选择项目负责人 则不需要进行状态切换
-          this.$notify({
-            message: "项目负责人无法更换。",
-            type: "warning",
-            offset: 100,
-            duration: 5000
-          });
-          return;
+        this.activeFolderId = "";
+        this.activeFolder = null;
+        this.addProjManager();
+      }
+    },
+    // 切换当前激活的文件夹
+    activeFolderClick(folder) {
+      this.isEditProjManager = false;
+      this.activeFolderId = folder.id;
+      this.activeFolder = folder;
+      if (folder.listUser && folder.listUser.length == 0) {
+        this.aloneAddUserForFolder(folder);
+      } else {
+        this.aloneAddUserOnlyStaff(folder);
+      }
+    },
+    // 点击添加folder进入编辑状态 这里传递folderId是为了找到是用哪一个文件夹
+    enterEditFolderClick(folder) {
+      this.activeFolderId = folder.id;
+      this.activeFolder = folder;
+      this.enterEditOperate();
+    },
+    // 点击进入编辑 做的一些列操作
+    enterEditOperate() {
+      this.isEnterEdit = true;
+    },
+    // 完成编辑/完成人员指派的点击
+    finishEditClick() {
+      this.isDistworkDone = true;
+      this.isEnterEdit = false;
+      this.selectedManageUser = [];
+      this.selectedUser = [];
+      if (this.isEditProjManager) {
+        this.isEditProjManager = false;
+      }
+      this.createFolders();
+      this.activeDeptName = "";
+    },
+    // 点击了项目管理权限那行的添加按钮
+    addProjMangerBtnClick() {
+      this.isEditProjManager = true;
+      this.enterEditOperate();
+    },
+    //获取用户个人信息
+    async _getUserInfo(userId) {
+      try {
+        let res = await getUserInfo(userId);
+        let createUser = await getUserInfo(sessionStorage.createUserID);
+        // console.log('我是用户的信息',res);
+        this.curProjCreatePeop =
+          createUser.cnName + " 指派了新工作，请完成工作指派";
+        if (sessionStorage.allocated == 1) {
+          this.curProjCreatePeop = "项目管理";
         }
+      } catch (err) {
+        console.log(err);
+      }
+    },
+    /*
+     * 是否有权限可以删除自己
+     */
+    isAllowedDelete(item) {
+      return !(
+        !this.listManagerUser.includes(item) &&
+        this.currUser.id !== item.id &&
+        this.InitData.manageUser &&
+        this.InitData.manageUser.length > 0 &&
+        this.InitData.manageUser[0].id == sessionStorage.userId &&
+        !this.allChildrenLists.includes(this.InitData) &&
+        item.id == this.InitData.manageUser[0].id
+      );
+    },
+    /**
+     * 点击切换项目负责人 同一个用户点击两次可以切换状态
+     */
+    changeManagerClick(clickUser) {
+      if (this.isEditProjManager) {
+        // 如果是选择项目负责人 则不需要进行状态切换
+        this.$notify({
+          message: "项目负责人无法更换。",
+          type: "warning",
+          offset: 100,
+          duration: 5000,
+        });
+        return;
+      }
 
-        const tempManagerMap = this.listManagerUser.map(m => m.id) || [];
-        //不是创建者 不是项目不负责人 且也不是顶级节点的负责人
-        if(!tempManagerMap.includes(sessionStorage.userId) && this.currUser.id !== sessionStorage.userId && this.InitData.manageUser && this.InitData.manageUser.length > 0 && this.InitData.manageUser[0].id == sessionStorage.userId && !this.allChildrenLists.includes(this.InitData) )
-        {
-          this.$notify({
-            message: "没有权限更换工作负责人。",
-            type: "warning",
-            offset: 100,
-            duration: 5000
-          });
-          return;
-        }
-        this.selectedUser.forEach(user => {
-          user.folderPerm = (user.id === clickUser.id) ? 2 : 1;
-          if(user.folderPerm === 2) {
-            this.InitData && this.InitData.manageUser && this.InitData.manageUser.splice(0,1,user);
-          } 
-        })
-      },
-
-      /*
-      *返回文件夹页面
-      */
-      backFirstPage: function () {
-        this.listDept=JSON.parse(JSON.stringify(this.currListDeptUserData));
-        if(!this.isShowManager)
-        {
-          this.listManagerUser=[];
-          this.selectedUser.forEach(user => {
-              // if( user.userID != this.currUser.userID)
-              if( user.id != this.currUser.id)
-              {
-                this.listManagerUser.push(user);
-              }
-          });
+      const tempManagerMap = this.listManagerUser.map((m) => m.id) || [];
+      //不是创建者 不是项目不负责人 且也不是顶级节点的负责人
+      if (
+        !tempManagerMap.includes(sessionStorage.userId) &&
+        this.currUser.id !== sessionStorage.userId &&
+        this.InitData.manageUser &&
+        this.InitData.manageUser.length > 0 &&
+        this.InitData.manageUser[0].id == sessionStorage.userId &&
+        !this.allChildrenLists.includes(this.InitData)
+      ) {
+        this.$notify({
+          message: "没有权限更换工作负责人。",
+          type: "warning",
+          offset: 100,
+          duration: 5000,
+        });
+        return;
+      }
+      this.selectedUser.forEach((user) => {
+        user.folderPerm = user.id === clickUser.id ? 2 : 1;
+        if (user.folderPerm === 2) {
+          this.InitData &&
+            this.InitData.manageUser &&
+            this.InitData.manageUser.splice(0, 1, user);
         }
-        this.isAllhide();
-        this.isShowManager=true;
-        this.isShowFirstPage = true;
-      },
-      toFirstPage(){
-        this.$confirm('退出“职员选择”您编辑的内容被清空，确定退出？', "", {
-          confirmButtonText: "退出",
-          cancelButtonText: "取消",
-          showClose:false,
-          type: "warning"
-        }).then(() => {
-          // 注意这里将folderID修改为 id字段
-          for (var i = 0; i < this.listNewFolder.length; i++) {
-            if( this.listNewFolder[i].id == this.currSelectData.id){
-              this.listNewFolder[i] = this.currSelectData;
-            }
-            for (var j = 0; j < this.listNewFolder[i].listChildren.length; j++) {
-              if( this.listNewFolder[i].listChildren[j].id == this.currSelectData.id){
-              this.listNewFolder[i].listChildren[j] = this.currSelectData;
-            }
-            }
+      });
+    },
+
+    /*
+     *返回文件夹页面
+     */
+    backFirstPage: function () {
+      this.listDept = JSON.parse(JSON.stringify(this.currListDeptUserData));
+      if (!this.isShowManager) {
+        this.listManagerUser = [];
+        this.selectedUser.forEach((user) => {
+          // if( user.userID != this.currUser.userID)
+          if (user.id != this.currUser.id) {
+            this.listManagerUser.push(user);
           }
-          this.listDept=JSON.parse(JSON.stringify(this.currListDeptUserData));
-          this.isAllhide();
-          this.isShowFirstPage = true;
-          this.isShowManager=true;
         });
-      },
-
-      /**
-       * 设置负责人
-       */
-      setManagerUser(nowUser) {
-        if (this.InitData.manageUser.length != 0) {
-          this.InitData.manageUser[0].selected = false;
-          let topIndex = 0;
-          this.listDept.forEach((dept, i) => {
-            dept.listUser.forEach(user => {
-              if(user.id === this.InitData.manageUser[0].id) {
-                user.selected = false;
-                user.folderPerm = 1;
-                topIndex = i;
-              }
-            })
-          })
-          this.getIsCheckSecondLevel(topIndex);//将原来选中的工作负责人进行二级状态修正
-          // this.InitData.manageUser[0].roleName = "普通职员";
-          for (var i = 0; i < this.selectedUser.length; i++) {
-            if (this.selectedUser[i].id == this.InitData.manageUser[0].id) {
-              this.InitData.manageUser[0].folderPerm = 0;
-              this.selectedUser.splice(i, 1);
+      }
+      this.isAllhide();
+      this.isShowManager = true;
+      this.isShowFirstPage = true;
+    },
+    toFirstPage() {
+      this.$confirm("退出“职员选择”您编辑的内容被清空，确定退出？", "", {
+        confirmButtonText: "退出",
+        cancelButtonText: "取消",
+        showClose: false,
+        type: "warning",
+      }).then(() => {
+        // 注意这里将folderID修改为 id字段
+        for (var i = 0; i < this.listNewFolder.length; i++) {
+          if (this.listNewFolder[i].id == this.currSelectData.id) {
+            this.listNewFolder[i] = this.currSelectData;
+          }
+          for (var j = 0; j < this.listNewFolder[i].listChildren.length; j++) {
+            if (
+              this.listNewFolder[i].listChildren[j].id == this.currSelectData.id
+            ) {
+              this.listNewFolder[i].listChildren[j] = this.currSelectData;
             }
           }
         }
+        this.listDept = JSON.parse(JSON.stringify(this.currListDeptUserData));
+        this.isAllhide();
+        this.isShowFirstPage = true;
+        this.isShowManager = true;
+      });
+    },
 
-        var listManageUser = [];
-        nowUser.folderPerm = 2;
-        listManageUser.push(nowUser);
-        this.selectedUser.forEach(user => {//将userID 修改为id
-          if (user.folderPerm == 2 && user.id != nowUser.id) {
-            user.folderPerm = 1;
-          }
-          if (user.id == nowUser.id) {
-            user.folderPerm = 2;
-          }
+    /**
+     * 设置负责人
+     */
+    setManagerUser(nowUser) {
+      if (this.InitData.manageUser.length != 0) {
+        this.InitData.manageUser[0].selected = false;
+        let topIndex = 0;
+        this.listDept.forEach((dept, i) => {
+          dept.listUser.forEach((user) => {
+            if (user.id === this.InitData.manageUser[0].id) {
+              user.selected = false;
+              user.folderPerm = 1;
+              topIndex = i;
+            }
+          });
         });
-        this.InitData.manageUser = listManageUser;
-      },
-
-      /**
-       * 分配人员
-       */
-      aloneAddUserForFolder: function (data) {
-          this.currSelectData=data;
-          this.currWorkName = data.folderName;
-          if (data.listUser == null) {
-            data.listUser = [];
+        this.getIsCheckSecondLevel(topIndex); //将原来选中的工作负责人进行二级状态修正
+        // this.InitData.manageUser[0].roleName = "普通职员";
+        for (var i = 0; i < this.selectedUser.length; i++) {
+          if (this.selectedUser[i].id == this.InitData.manageUser[0].id) {
+            this.InitData.manageUser[0].folderPerm = 0;
+            this.selectedUser.splice(i, 1);
           }
-          this.InitData = data;
-          this.setFolderPerm(data);
-          this.selectedUser = data.listUser;
-          this.selectedManageUser = data.manageUser;
-          this.isShowSecondPage = true;
-          this.isShowFirstPage = false;
-      },
-
-       /**
+        }
+      }
+
+      var listManageUser = [];
+      nowUser.folderPerm = 2;
+      listManageUser.push(nowUser);
+      this.selectedUser.forEach((user) => {
+        //将userID 修改为id
+        if (user.folderPerm == 2 && user.id != nowUser.id) {
+          user.folderPerm = 1;
+        }
+        if (user.id == nowUser.id) {
+          user.folderPerm = 2;
+        }
+      });
+      this.InitData.manageUser = listManageUser;
+    },
+
+    /**
+     * 分配人员
+     */
+    aloneAddUserForFolder: function (data) {
+      this.currSelectData = data;
+      this.currWorkName = data.folderName;
+      if (data.listUser == null) {
+        data.listUser = [];
+      }
+      this.InitData = data;
+      this.setFolderPerm(data);
+      this.selectedUser = data.listUser;
+      this.selectedManageUser = data.manageUser;
+      this.isShowSecondPage = true;
+      this.isShowFirstPage = false;
+    },
+
+    /**
      * 进入时,重置权限
      */
     setFolderPerm(data) {
-      this.listDept=JSON.parse(JSON.stringify(this.currListDeptUserData));
+      this.listDept = JSON.parse(JSON.stringify(this.currListDeptUserData));
       for (var j = 0; j < this.listDept.length; j++) {
         for (var k = 0; k < this.listDept[j].listUser.length; k++) {
           this.listDept[j].listUser[k].selected = false;
           for (var i = 0; i < data.listUser.length; i++) {
-            if (
-              this.listDept[j].listUser[k].id == data.listUser[i].id
-            ) {
+            if (this.listDept[j].listUser[k].id == data.listUser[i].id) {
               this.listDept[j].listUser[k].folderPerm =
                 data.listUser[i].folderPerm;
               this.listDept[j].listUser[k].selected = true;
             }
 
-            if(this.isEditProjManager)//选择添加项目负责人职员
-            {
+            if (this.isEditProjManager) {
+              //选择添加项目负责人职员
               // 让项目的创建者显示出来
-              if(this.currUser.id == this.listDept[j].listUser[k].id)
-              {
+              if (this.currUser.id == this.listDept[j].listUser[k].id) {
                 this.listDept[j].listUser[k].selected = true;
               }
             }
@@ -797,63 +962,63 @@ import NestTemp from '../project/nestTemp.vue';
           this.getIsCheckSecondLevel(j);
         }
       }
-       this.getIsCheckAll();
+      this.getIsCheckAll();
     },
 
-     /*
-      *添加职员按钮直接进入 指派职员页面
-      */
+    /*
+     *添加职员按钮直接进入 指派职员页面
+     */
     aloneAddUserOnlyStaff: function (data) {
-        this.isShowManager=true;
-        this.currWorkName = data.folderName;
-        if (data.listUser == null) {
-          data.listUser = [];
-        }
+      this.isShowManager = true;
+      this.currWorkName = data.folderName;
+      if (data.listUser == null) {
+        data.listUser = [];
+      }
 
-        this.InitData = data;
-        this.setFolderPerm(data);
-        this.selectedUser = data.listUser;
-        this.selectedManageUser = data.manageUser;
-        this.isShowThreePage = true;
-        this.isShowFirstPage = false;
+      this.InitData = data;
+      this.setFolderPerm(data);
+      this.selectedUser = data.listUser;
+      this.selectedManageUser = data.manageUser;
+      this.isShowThreePage = true;
+      this.isShowFirstPage = false;
     },
 
     /**
      * 根据部门Id查找部门信息
      */
     plainTreeNodes(nodesList, userList, outputList = []) {
-      (nodesList || []).forEach(node => {
+      (nodesList || []).forEach((node) => {
         // node.id
         const data = node.data;
-        data.listUser = userList.filter(user => user.deptId === node.id);
+        data.listUser = userList.filter((user) => user.deptId === node.id);
         outputList.push(data);
-        if(node.children && node.children.length) {
+        if (node.children && node.children.length) {
           this.plainTreeNodes(node.children, userList, outputList);
         }
       });
       return outputList;
     },
 
-      /*
-    * 设置项目负责人
-    */
+    /*
+     * 设置项目负责人
+     */
     addProjManager() {
       this.activeFolderId = "";
       this.isEditProjManager = true;
       this.enterEditOperate();
-      this.isShowManager=false;
+      this.isShowManager = false;
 
-      var data={listUser:[]};
-      data.listUser=this.listManagerUser;
+      var data = { listUser: [] };
+      data.listUser = this.listManagerUser;
 
-      let find = data.listUser.find(user => user.id === this.currUser.id);
-      if(!find || data.listUser.length == 0) {
-        this.currUser.folderPerm = 2;//给项目的创建者设置权限 让它带上皇冠
-        data.listUser.unshift(this.currUser);//在头部添加
+      let find = data.listUser.find((user) => user.id === this.currUser.id);
+      if (!find || data.listUser.length == 0) {
+        this.currUser.folderPerm = 2; //给项目的创建者设置权限 让它带上皇冠
+        data.listUser.unshift(this.currUser); //在头部添加
       }
       this.setFolderPerm(data);
       this.selectedUser = data.listUser;
-    
+
       // this.selectedManageUser = [];
       this.selectedManageUser = this.listManagerUser;
       // this.isShowThreePage = true;
@@ -861,105 +1026,115 @@ import NestTemp from '../project/nestTemp.vue';
     },
 
     /*
-    *二级条目全选
-    * index: 是所在的部门的index
-    * prevChecked 未更新前的选中状态
-    */
+     *二级条目全选
+     * index: 是所在的部门的index
+     * prevChecked 未更新前的选中状态
+     */
     handleCheckItemAll(index, targetChecked) {
       for (var i = 0; i < this.listDept[index].listUser.length; i++) {
-        if (targetChecked) {//修改为全选
+        if (targetChecked) {
+          //修改为全选
           this.handleCheckedOne(index, this.listDept[index].listUser[i], true);
-        } else {//修改为全不选
-          this.handleCheckedOne(index, this.listDept[index].listUser[i],  false);
+        } else {
+          //修改为全不选
+          this.handleCheckedOne(index, this.listDept[index].listUser[i], false);
         }
       }
     },
     /*
-    *子项单选
-    * topIndex:当前所选条目的上级 部门的index
-    *index:当前所选条目
-    * prevChecked: 为更新前的选中状态 targetChecked想要达到的状态
-    */
+     *子项单选
+     * topIndex:当前所选条目的上级 部门的index
+     *index:当前所选条目
+     * prevChecked: 为更新前的选中状态 targetChecked想要达到的状态
+     */
     handleCheckedOne(topIndex, user, targetChecked) {
-      if(!this.isAllowedDelete(user) && targetChecked == false)
-        {
+      if (!this.isAllowedDelete(user) && targetChecked == false) {
+        this.$notify({
+          message: "不能移除自己。",
+          type: "warning",
+          offset: 100,
+          duration: 5000,
+        });
+        user.selected = true;
+        return;
+      }
+      if (this.isEditProjManager) {
+        if (user.id == this.currUser.id && targetChecked == false) {
+          //取消选中项目创建者
           this.$notify({
-            message: "不能移除自己。",
+            message: "不可以移除项目创建者。",
             type: "warning",
             offset: 100,
-            duration: 5000
+            duration: 5000,
           });
-          user.selected=true;
           return;
         }
-      if(this.isEditProjManager)
-        {
-          if(user.id == this.currUser.id && targetChecked == false)//取消选中项目创建者
-          {
-              this.$notify({
-              message: "不可以移除项目创建者。",
-              type: "warning",
-              offset: 100,
-              duration: 5000
-            });
-            return;
-          }
+      }
+      // 删除的是工作负责人
+      if (this.activeFolder) {
+        const isExists = this.activeFolder.manageUser.find(
+          (t) => t.id === user.id
+        );
+        if (isExists && targetChecked == false) {
+          this.removeManageUser(user);
+          this.activeFolder.manageUser.splice(0);
+          this.getIsCheckSecondLevel(topIndex);
+          this.getIsCheckAll();
+          return;
         }
-        // 删除的是工作负责人
-        if(this.activeFolder) {
-          const isExists = this.activeFolder.manageUser.find(t => t.id === user.id);
-          if(isExists && targetChecked == false) {
-            this.removeManageUser(user);
-            this.activeFolder.manageUser.splice(0);
-            this.getIsCheckSecondLevel(topIndex);
-            this.getIsCheckAll();
-            return;
-          }
-        } else if(this.isEditProjManager && targetChecked == false) {
-          // 删除的是具有项目管理权限的 且能运行到这里是可以删除的
-          const index = this.listManagerUser.findIndex(people => people.id === user.id);
-          if(index > -1) {
-            this.listManagerUser.splice(index, 1);
-          }
-
+      } else if (this.isEditProjManager && targetChecked == false) {
+        // 删除的是具有项目管理权限的 且能运行到这里是可以删除的
+        const index = this.listManagerUser.findIndex(
+          (people) => people.id === user.id
+        );
+        if (index > -1) {
+          this.listManagerUser.splice(index, 1);
         }
+      }
       //   //点击人员列表删除
       // if(user.folderPerm == 2 && targetChecked == false)
-      //   { 
+      //   {
       //     this.removeManageUser(user);
       //     this.getIsCheckSecondLevel(topIndex);
       //     this.getIsCheckAll();
       //     return;
       //   }
-        // 全选的时候 跳过节点负责人的不执行checkDeptUserName 防止对folderPerm重新赋值
-        if(user.folderPerm == 2 && user.selected == true && targetChecked == true) {
-          return;
-        }
-        this.checkDeptUserName(user, targetChecked);
-        user.folderPerm = 1;
-        if(this.selectedUser.length == 1 && targetChecked == true) {
-          // 选中为负责人
-          user.folderPerm = 2;
-        } 
-        this.getIsCheckSecondLevel(topIndex);
-        this.getIsCheckAll();
-      },
+      // 全选的时候 跳过节点负责人的不执行checkDeptUserName 防止对folderPerm重新赋值
+      if (
+        user.folderPerm == 2 &&
+        user.selected == true &&
+        targetChecked == true
+      ) {
+        return;
+      }
+      this.checkDeptUserName(user, targetChecked);
+      user.folderPerm = 1;
+      if (this.selectedUser.length == 1 && targetChecked == true) {
+        // 选中为负责人
+        user.folderPerm = 2;
+      }
+      this.getIsCheckSecondLevel(topIndex);
+      this.getIsCheckAll();
+    },
 
     /**
      * 当前二级选中状态修正
      */
     getIsCheckSecondLevel(topIndex) {
       var checkCount = 0;
-      let len = this.listDept[topIndex] && this.listDept[topIndex].listUser ? this.listDept[topIndex].listUser.length : 0;
-      if(len > 0) {
+      let len =
+        this.listDept[topIndex] && this.listDept[topIndex].listUser
+          ? this.listDept[topIndex].listUser.length
+          : 0;
+      if (len > 0) {
         for (var i = 0; i < len; i++) {
           if (this.listDept[topIndex].listUser[i].selected == true) {
             checkCount++;
           } else {
             checkCount--;
           }
-      }
-      
+        }
+
         if (checkCount == this.listDept[topIndex].listUser.length) {
           //三级级全勾选
           this.listDept[topIndex].selected = true;
@@ -968,12 +1143,11 @@ import NestTemp from '../project/nestTemp.vue';
           this.listDept[topIndex].selected = false;
         }
       }
-
     },
 
     /*
-    *当前首级全选状态修正
-    */
+     *当前首级全选状态修正
+     */
     getIsCheckAll() {
       var checkCount = 0;
       var haveDataCount = 0;
@@ -986,9 +1160,12 @@ import NestTemp from '../project/nestTemp.vue';
             checkCount++;
           }
         }
-
       }
-      if ((checkCount == haveDataCount) && checkCount !== 0 && haveDataCount !== 0) {
+      if (
+        checkCount == haveDataCount &&
+        checkCount !== 0 &&
+        haveDataCount !== 0
+      ) {
         this.ischeckAll = true;
       } else {
         this.ischeckAll = false;
@@ -1000,55 +1177,50 @@ import NestTemp from '../project/nestTemp.vue';
      */
     removeSelectUser(item) {
       // debugger;
-      if(item.id == this.currUser.id && !this.isShowManager)
-      {
+      if (item.id == this.currUser.id && !this.isShowManager) {
         this.$notify({
           message: "没有权限删除项目创建者。",
           type: "warning",
           offset: 100,
-          duration: 5000
+          duration: 5000,
         });
         return;
       }
-      if(item.id == sessionStorage.userId && !this.isShowManager)
-      {
+      if (item.id == sessionStorage.userId && !this.isShowManager) {
         this.$notify({
           message: "不能移除自己。",
           type: "warning",
           offset: 100,
-          duration: 5000
+          duration: 5000,
         });
         return;
       }
       // 如果当前登录者是项目负责人分配的某个节点的负责人(不是项目负责人) 那么不能删除自己
-      // 自己指派自己是可以移除的 
-      if(!this.isAllowedDelete(item))
-      {
+      // 自己指派自己是可以移除的
+      if (!this.isAllowedDelete(item)) {
         this.$notify({
           type: "warning",
           message: "没有权限移除自己。",
           offset: 100,
-          duration: 5000
+          duration: 5000,
         });
         return;
       }
-      if(item.folderPerm == 2) {
+      if (item.folderPerm == 2) {
         this.removeManageUser(item);
       } else {
         this.checkDeptUserName(false, item);
         this.cancelCheck(item.id);
       }
-
     },
 
-
     /**
      * 移除负责人
      */
     removeManageUser(user) {
       user.folderPerm = 1;
       // user.roleName = "查看编辑";
-      this.selectedManageUser.splice(0,1);
+      this.selectedManageUser.splice(0, 1);
       for (var k = 0; k < this.selectedUser.length; k++) {
         if (this.selectedUser[k].id == user.id) {
           this.selectedUser[k].folderPerm = 0;
@@ -1059,8 +1231,8 @@ import NestTemp from '../project/nestTemp.vue';
     },
 
     /*
-    *取消选中
-    */
+     *取消选中
+     */
     cancelCheck(userID) {
       for (var i = 0; i < this.listDept.length; i++) {
         for (var j = 0; j < this.listDept[i].listUser.length; j++) {
@@ -1083,7 +1255,7 @@ import NestTemp from '../project/nestTemp.vue';
       if (item.selected) {
         item.folderPerm = 1; // 默认角色为：查看和编辑
         var valueUser = JSON.parse(JSON.stringify(item));
-        if(!this.selectedUser.find(user => user.id == item.id)) {
+        if (!this.selectedUser.find((user) => user.id == item.id)) {
           this.selectedUser.push(valueUser);
         }
       } else {
@@ -1092,65 +1264,69 @@ import NestTemp from '../project/nestTemp.vue';
             this.selectedUser.splice(i, 1);
           }
         }
-        if(this.selectedManageUser && this.selectedManageUser.includes(item)) {
+        if (this.selectedManageUser && this.selectedManageUser.includes(item)) {
           this.selectedManageUser.splice(0, 1);
         }
       }
     },
 
     /**
-    * folderPerm赋值
-    */
-    getfolderPerm(folderList){
-      folderList.forEach(folder=>{
-        folder.listUser.forEach(item=>{
-           item.folderPerm=1;
-        })
-        if(folder.manageUser.length>0){
-          folder.manageUser[0].folderPerm=2;
+     * folderPerm赋值
+     */
+    getfolderPerm(folderList) {
+      folderList.forEach((folder) => {
+        folder.listUser.forEach((item) => {
+          item.folderPerm = 1;
+        });
+        if (folder.manageUser.length > 0) {
+          folder.manageUser[0].folderPerm = 2;
           folder.listUser.unshift(folder.manageUser[0]);
-        } 
-        if(folder.listChildren && folder.listChildren.length>0){
+        }
+        if (folder.listChildren && folder.listChildren.length > 0) {
           this.getfolderPerm(folder.listChildren);
         }
-      })     
+      });
     },
     getPlainOldFolderList() {
       const plainFolderList = [];
       function circulate(folderList) {
-        if(folderList.length > 0) {
-          folderList.forEach(folder => {
+        if (folderList.length > 0) {
+          folderList.forEach((folder) => {
             plainFolderList.push(folder);
-            if(folder.listChildren && folder.listChildren.length > 0) {
+            if (folder.listChildren && folder.listChildren.length > 0) {
               circulate(folder.listChildren);
             }
-          })
-        } 
+          });
+        }
       }
       circulate(this.oldFolderList);
       this.oldPlainFolderList = plainFolderList;
-      this.lastFolderId = this.oldPlainFolderList[this.oldPlainFolderList.length -1].id;
+      this.lastFolderId = this.oldPlainFolderList[
+        this.oldPlainFolderList.length - 1
+      ].id;
     },
     async fetchProjectDetail() {
       const [userList, projectDataRes, deptList] = await Promise.all([
         this.getUserList(),
-        this.$fetchApi('folder/queryNodeFolderListByProjectId', { projectId: sessionStorage.projId }),
+        this.$fetchApi("folder/queryNodeFolderListByProjectId", {
+          projectId: sessionStorage.projId,
+        }),
         fetchDeptList(this.$store.state.currentCompanyId),
       ]);
       // const deptHeadList = deptList[0].children || [];
       let oList = this.plainTreeNodes(deptList, userList);
 
       // 如果人员没有设置部门的话
-      const aloneUserList = this.userList.filter(user => {
-        for(let i = 0; i < deptList.length; i++) {
-          if(deptList[i].id == user.deptId) {
+      const aloneUserList = this.userList.filter((user) => {
+        for (let i = 0; i < deptList.length; i++) {
+          if (deptList[i].id == user.deptId) {
             return false;
           }
         }
         return true;
       });
-     
-      if(aloneUserList.length > 0) {
+
+      if (aloneUserList.length > 0) {
         const emptyDept = {};
         emptyDept.id = "0";
         emptyDept.deptName = sessionStorage.CompanyName || "";
@@ -1158,33 +1334,37 @@ import NestTemp from '../project/nestTemp.vue';
         emptyDept.listUser.push(...aloneUserList);
         oList.push(emptyDept);
       }
-   
-      oList.forEach(item=>{
+
+      oList.forEach((item) => {
         // console.log(1)
         // console.log(item.listUser)
-        item.listUser=item.listUser.sort((a, b) => a.cnName.localeCompare(b.cnName))
-      })
+        item.listUser = item.listUser.sort((a, b) =>
+          a.cnName.localeCompare(b.cnName)
+        );
+      });
 
       this.listDept = oList;
       this.currListDeptUserData = oList;
 
-      const { folder, manager } = (projectDataRes.Data || {});
+      const { folder, manager } = projectDataRes.Data || {};
       // console.log(folder, manager, userList);
       const userHash = userList.reduce((h, user) => {
         h[user.id] = user;
         return h;
       }, {});
-      this.listManagerUser = manager.map(u => userHash[u.UserId]);
+      this.listManagerUser = manager.map((u) => userHash[u.UserId]);
       // debugger;
-      if(this.listManagerUser.length) {
+      if (this.listManagerUser.length) {
         this.currUser = this.listManagerUser[0] || {};
         this.isProjCreator = this.currUser.id === this.userId;
         this.listManagerUser = this.listManagerUser.slice(1);
-        this.isProjManager = !!this.listManagerUser.find(m => m.id == this.userId) || this.currUser.id == this.userId;
+        this.isProjManager =
+          !!this.listManagerUser.find((m) => m.id == this.userId) ||
+          this.currUser.id == this.userId;
       }
       this.oldListManagerUser = cloneDeep(this.listManagerUser);
 
-      let uniqFolder = uniqBy(folder, 'Id');
+      let uniqFolder = uniqBy(folder, "Id");
       // console.log(folder, uniqFolder);
       const folderList = mergeFolderList(uniqFolder, userHash);
       this.getfolderPerm(folderList);
@@ -1192,95 +1372,134 @@ import NestTemp from '../project/nestTemp.vue';
       this.oldFolderList = cloneDeep(this.listNewFolder);
       this.getPlainOldFolderList();
       // console.log('得到的listNewFolder', this.listNewFolder);
-      
-      this.getAllChildrenLists(this.listNewFolder,this.userId,this.allChildrenLists);
+
+      this.getAllChildrenLists(
+        this.listNewFolder,
+        this.userId,
+        this.allChildrenLists
+      );
     },
-    async getUserList(){
-      const { list: userList } = await getUserListByNode({ id: this.$store.state.currentCompanyId, nodeType: 'company' }, 1, 10000);
+    async getUserList() {
+      const { list: userList } = await getUserListByNode(
+        { id: this.$store.state.currentCompanyId, nodeType: "company" },
+        1,
+        10000
+      );
       this.userList = userList;
       return userList;
     },
-     /**
+    /**
      * 一层的全部子节点
      */
-     getChildren(folder,childrenLists){
-      folder.forEach(item=>{
+    getChildren(folder, childrenLists) {
+      folder.forEach((item) => {
         childrenLists.push(item);
-        if(item.listChildren.length>0){
-          this.getChildren(item.listChildren,childrenLists);
+        if (item.listChildren.length > 0) {
+          this.getChildren(item.listChildren, childrenLists);
         }
-      })
+      });
     },
-       /**
+    /**
      * 全部的子节点
      */
-     getAllChildrenLists(folderLists,id,allChildrenLists){
-      folderLists.forEach(folder=>{
-          if(folder.manageUser.length>0){
-          if(folder.manageUser[0].id==id){
-            if(folder.listChildren && folder.listChildren.length>0){
-            this.getChildren(folder.listChildren,allChildrenLists);
+    getAllChildrenLists(folderLists, id, allChildrenLists) {
+      folderLists.forEach((folder) => {
+        if (folder.manageUser.length > 0) {
+          if (folder.manageUser[0].id == id) {
+            if (folder.listChildren && folder.listChildren.length > 0) {
+              this.getChildren(folder.listChildren, allChildrenLists);
             }
           }
-          }
-      })
-
+        }
+      });
     },
     /**
      * 分配工作完成
      */
     async createFolders() {
       let params = {
-          Id: sessionStorage.createUserID,
-          ProjId: sessionStorage.projId,
-          ProjectManagerId: '',
-          OldProjectManagerId: this.oldListManagerUser.map(u => u.id).join(','),
-          Work: [],
+        Id: sessionStorage.createUserID,
+        ProjId: sessionStorage.projId,
+        ProjectManagerId: "",
+        OldProjectManagerId: this.oldListManagerUser.map((u) => u.id).join(","),
+        Work: [],
       };
-      params.ProjectManagerId = this.listManagerUser.length > 0 ? this.listManagerUser.map(projManager => {
-        if(projManager.id !== sessionStorage.createUserID) {
-          return projManager.id;
-        }
-      }).join(',') : '';
-      
+      params.ProjectManagerId =
+        this.listManagerUser.length > 0
+          ? this.listManagerUser
+              .map((projManager) => {
+                if (projManager.id !== sessionStorage.createUserID) {
+                  return projManager.id;
+                }
+              })
+              .join(",")
+          : "";
+
       const { oldPlainFolderList } = this;
       circleGetWorkData(this.listNewFolder);
 
       function circleGetWorkData(folderList) {
-        if(folderList.length > 0) {
+        if (folderList.length > 0) {
           folderList.forEach((folder) => {
-             let workNode = {
-              FolderId:'',
-              ManagerUserId: '',
-              GeneralId:'',
-              OldManager:'',
-              OldGeneralId:''
-          };
+            let workNode = {
+              FolderId: "",
+              ManagerUserId: "",
+              GeneralId: "",
+              OldManager: "",
+              OldGeneralId: "",
+            };
             workNode.FolderId = folder.id;
             let tempManagerIdList = [];
-            workNode.ManagerUserId = folder.manageUser.length > 0 ? folder.manageUser.map(manager => {
-              tempManagerIdList.push(manager.id);
-               return manager.id;
-            }).join(',') : '';
-            let tempListUser = folder.listUser.filter(item => !tempManagerIdList.includes(item.id));
-            workNode.GeneralId = folder.listUser.length > 0 ? tempListUser.map(user => { return user.id }).join(',') : '';
-
-            const originFolder = oldPlainFolderList.find(oldFolder => oldFolder.id == folder.id);
+            workNode.ManagerUserId =
+              folder.manageUser.length > 0
+                ? folder.manageUser
+                    .map((manager) => {
+                      tempManagerIdList.push(manager.id);
+                      return manager.id;
+                    })
+                    .join(",")
+                : "";
+            let tempListUser = folder.listUser.filter(
+              (item) => !tempManagerIdList.includes(item.id)
+            );
+            workNode.GeneralId =
+              folder.listUser.length > 0
+                ? tempListUser
+                    .map((user) => {
+                      return user.id;
+                    })
+                    .join(",")
+                : "";
+
+            const originFolder = oldPlainFolderList.find(
+              (oldFolder) => oldFolder.id == folder.id
+            );
             // console.log(originFolder);
-            const oldManagerId = originFolder.manageUser.length > 0 ? originFolder.manageUser[0].id : '';
+            const oldManagerId =
+              originFolder.manageUser.length > 0
+                ? originFolder.manageUser[0].id
+                : "";
             workNode.OldManager = oldManagerId;
-            workNode.OldGeneralId = originFolder.listUser.length > 0 ? originFolder.listUser.filter(oldUser => oldUser.id !== oldManagerId).map(user => { return user.id }).join(',') : '';
+            workNode.OldGeneralId =
+              originFolder.listUser.length > 0
+                ? originFolder.listUser
+                    .filter((oldUser) => oldUser.id !== oldManagerId)
+                    .map((user) => {
+                      return user.id;
+                    })
+                    .join(",")
+                : "";
             params.Work.push(workNode);
 
             circleGetWorkData(folder.listChildren);
-          })
-        } 
+          });
+        }
       }
       // console.log('要提交的参数是:',params);
       const res = await AssignedWork(params);
       // console.log(res);
       const thisApp = this;
-      if(res.Code === 0) {
+      if (res.Code === 0) {
         this.isDistworkSuccess = true;
         // 不每次都输出指派完成的消息 在点击完成项目编辑的时候输出提示信息
         //  thisApp.$notify({
@@ -1291,65 +1510,68 @@ import NestTemp from '../project/nestTemp.vue';
         this.getPlainOldFolderList();
       } else {
         this.isDistworkSuccess = false;
-         thisApp.$notify({
-              message: '服务器异常,工作指派失败。',
-              type: ["error"],
-              duration: 5000
-            });
+        thisApp.$notify({
+          message: "服务器异常,工作指派失败。",
+          type: ["error"],
+          duration: 5000,
+        });
       }
     },
-    },
-
+  },
 
-    computed: {
-      /**
-       * 过滤后的部门列表：去除没有用户数据的部门
-       */
-      listDeptComputed() {
-        return this.listDept.filter(function (dept) {
-          return dept.listUser.length > 0;
-        });
-      },
-      /**
-       * 当未选择人员时,部门不显示
-       */
-      listDeptUserNoZero(user) {
-        return function (user) {
-          let temp = [];
-          for (let i = 0; i < user.length; i++) {
-            if (user[i].folderPerm != 2) {
-              temp.push(user[i].deptId);
-            }
+  computed: {
+    /**
+     * 过滤后的部门列表：去除没有用户数据的部门
+     */
+    listDeptComputed() {
+      return this.listDept.filter(function (dept) {
+        return dept.listUser.length > 0;
+      });
+    },
+    /**
+     * 当未选择人员时,部门不显示
+     */
+    listDeptUserNoZero(user) {
+      return function (user) {
+        let temp = [];
+        for (let i = 0; i < user.length; i++) {
+          if (user[i].folderPerm != 2) {
+            temp.push(user[i].deptId);
           }
-          var x = new Set(temp);
-          return [...x];
-        };
-      },
-  
+        }
+        var x = new Set(temp);
+        return [...x];
+      };
     },
+  },
+};
 
-  }
-
-  function mergeFolderList(plainFolderList, userHash) {
+function mergeFolderList(plainFolderList, userHash) {
   const [rootFolder, commonFolder, ...restFolderList] = plainFolderList;
   const rootFolderId = rootFolder.Id;
   const headList = [];
   const hash = {};
   const temp = [];
-  restFolderList.forEach(upperFolder =>  {
+  restFolderList.forEach((upperFolder) => {
     const folder = firstCharToLowerCase(upperFolder);
     hash[folder.id] = folder;
     folder.listChildren = [];
-    folder.listUser = folder.oldGeneralId.split(',').filter(a => a).map(id => ({...userHash[id]}));
-    folder.manageUser = (folder.oldManager === '0' ? '' : folder.oldManager).split(',').filter(a => a).map(id => ({...userHash[id]}));
+    folder.listUser = folder.oldGeneralId
+      .split(",")
+      .filter((a) => a)
+      .map((id) => ({ ...userHash[id] }));
+    folder.manageUser = (folder.oldManager === "0" ? "" : folder.oldManager)
+      .split(",")
+      .filter((a) => a)
+      .map((id) => ({ ...userHash[id] }));
     const parentFolderId = folder.superId;
     // headList.push(folder);
-    if(parentFolderId === rootFolderId) {
+    if (parentFolderId === rootFolderId) {
       headList.push(folder);
       return;
     }
     const parentFolder = hash[parentFolderId];
-    if(!parentFolder) return;
+    if (!parentFolder) return;
     parentFolder.listChildren.push(folder);
   });
   return headList;
@@ -1358,339 +1580,333 @@ import NestTemp from '../project/nestTemp.vue';
 
 
 <style scoped lang="scss">
-.proj_manage{
+.proj_manage {
+  width: 100%;
+  height: 100%;
+  padding: 0 64px;
+  box-sizing: border-box;
+  .proj_manage_content {
     width: 100%;
     height: 100%;
-    padding: 0 64px;
-    box-sizing: border-box;
-    .proj_manage_content{
-        width: 100%;
-        height: 100%;
-        position: relative;
-    }   
+    position: relative;
+  }
 }
-.projModule{
-    width: 50%;
-    min-width: 660px;
-    height: 100%;
-    right: 0px;
-    position: absolute;
-    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1), 
-                0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-
+.projModule {
+  width: 50%;
+  min-width: 660px;
+  height: 100%;
+  right: 0px;
+  position: absolute;
+  box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1),
+    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
 }
 
-  /* 完成编辑按钮 */
-  .finish-edit-btn {
-    position: relative;
-    left: -24px;
-    cursor: pointer;
+/* 完成编辑按钮 */
+.finish-edit-btn {
+  position: relative;
+  left: -24px;
+  cursor: pointer;
 
-    background-color: #7850ff;
-    color: #fff;
-    border-radius: 8px;
-    height: 32px;
-    line-height: 32px;
-    text-align: center;
-    font-size: 14px;
-    padding: 0 10px;
-    margin: 9px 0;
+  background-color: #7850ff;
+  color: #fff;
+  border-radius: 8px;
+  height: 32px;
+  line-height: 32px;
+  text-align: center;
+  font-size: 14px;
+  padding: 0 10px;
+  margin: 9px 0;
+}
+/* 了解工作负责人按钮 */
+.question {
+  display: flex;
+  align-items: center;
+  position: relative;
+  left: 24px;
+
+  width: 100%;
+  color: rgba(75, 77, 79, 100);
+  font-size: 13px;
+  text-align: left;
+  font-family: PingFangSC-Regular;
+
+  .ques-icon {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    background: url("/static/img/了解工作负责人.svg");
+    cursor: pointer;
   }
-  /* 了解工作负责人按钮 */
-  .question {
-    display: flex;
-    align-items:center;
-    position: relative;
-    left: 24px;
-
-    width: 100%;
-    color: rgba(75, 77, 79, 100);
-    font-size: 13px;
-    text-align: left;
-    font-family: PingFangSC-Regular;
- 
-    .ques-icon {
-      display: inline-block;
-      width: 20px;
-      height: 20px;
-      background: url('/static/img/了解工作负责人.svg');
-      cursor: pointer;
-    }
-    .ques-text {
-      margin: 0 0 0 8px;
-    }
+  .ques-text {
+    margin: 0 0 0 8px;
   }
+}
 
-  .manager-tips {
-    position:absolute;
-    top: 8px;
-    left: 24px;
-    right:24px;
-    z-index: 99;
+.manager-tips {
+  position: absolute;
+  top: 8px;
+  left: 24px;
+  right: 24px;
+  z-index: 99;
 
-    text-align: center;
-    padding: 0 24px;
-    height: 84px;
-
-    border-radius: 8px;
-    border: 1px solid rgba(68, 154, 255, 1);
-    background-color:#fcfcfc;
-  
-    .close-icon {
-      position: absolute;
-      right: 5px;
-      top: 5px;
-      width: 20px;
-      height: 20px;
-      background: url('/static/img/了解负责人关闭.svg');
-      cursor: pointer;
-    }
-    .tips-text {
-      margin: 24px 0 0 0;
-      color: #32323C;
-      font-size: 14px;
-      font-family: PingFangSC-Regular;
-    }
-  }
- 
+  text-align: center;
+  padding: 0 24px;
+  height: 84px;
 
-  .content-wrap {
-    display:flex;
-    align-items: flex-start;
-    justify-content: center;
-    padding: 0 64px;
-    background-color: #ebebeb;
+  border-radius: 8px;
+  border: 1px solid rgba(68, 154, 255, 1);
+  background-color: #fcfcfc;
 
+  .close-icon {
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    width: 20px;
+    height: 20px;
+    background: url("/static/img/了解负责人关闭.svg");
+    cursor: pointer;
   }
-
-  .content-wrap .graph-left-part, .content-wrap .right-part {
-    width: 50%;
-    min-width: 480px;
-    max-width: 660px;
+  .tips-text {
+    margin: 24px 0 0 0;
+    color: #32323c;
+    font-size: 14px;
+    font-family: PingFangSC-Regular;
   }
+}
 
-  .right-part {
-    // min-width: 400px;
-    box-sizing: border-box;
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
+.content-wrap {
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 0 64px;
+  background-color: #ebebeb;
+}
 
-    overflow: hidden;
+.content-wrap .graph-left-part,
+.content-wrap .right-part {
+  width: 50%;
+  min-width: 480px;
+  max-width: 660px;
+}
 
-    background-color: #fcfcfc;
+.right-part {
+  // min-width: 400px;
+  box-sizing: border-box;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
 
-    transition: width .5s ease;
-    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-    .proj-desc {
-      /* 项目概况页面 */
-      background-color: rgba(252, 252, 252, 1);
-      min-height: calc(100vh - 96px);
+  overflow: hidden;
 
-      .title {
-        position: relative;
-        left: -24px;
-        color: rgba(12, 13, 16, 100);
-        font-size: 20px;
-        text-align: left;
-        font-family: PingFangSC-Medium;
-      }
-      .proj-desc-wrap {
-        padding: 0 24px;
-        height: calc(100vh - 126px);
-        overflow: scroll;
-        background-color: #f8f8f8;
-        .cover-container {
+  background-color: #fcfcfc;
+
+  transition: width 0.5s ease;
+  box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.1),
+    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
+  .proj-desc {
+    /* 项目概况页面 */
+    background-color: rgba(252, 252, 252, 1);
+    min-height: calc(100vh - 96px);
+
+    .title {
+      position: relative;
+      left: -24px;
+      color: rgba(12, 13, 16, 100);
+      font-size: 20px;
+      text-align: left;
+      font-family: PingFangSC-Medium;
+    }
+    .proj-desc-wrap {
+      padding: 0 24px;
+      height: calc(100vh - 126px);
+      overflow: scroll;
+      background-color: #f8f8f8;
+      .cover-container {
+        height: 226px;
+        margin: 0 0 32px 0;
+        border-radius: 8px;
+
+        .cover-img-wrap {
+          position: relative;
+          width: 293px;
           height: 226px;
-          margin: 0 0 32px 0;
+          overflow: hidden;
           border-radius: 8px;
+          box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.2);
 
-          .cover-img-wrap {
-            position: relative;
-            width: 293px;
-            height: 226px;
-            overflow: hidden;
+          .cover-img {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            height: 100%;
             border-radius: 8px;
-            box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.2);
-
-            .cover-img {
-              position: absolute;
-              top: 50%;
-              left: 50%;
-              height: 100%;
-              border-radius: 8px;
-              transform: translate(-50%, -50%);
-            }
-          }
-
-          .edit-cover-btn {
-              position: absolute;
-              left: 12px;
-              bottom: 12px;
-              width: 64px;
-              height: 28px;
-              line-height: 28px;
-              border-radius: 4px;
-              background-color: rgba(255, 255, 255, 1);
-              border: 0.5px solid rgba(151, 151, 151, 1);
-              color: rgba(50, 50, 60, 100);
-              font-size: 14px;
-              text-align: center;
-              font-family: PingFangSC-Regular;
+            transform: translate(-50%, -50%);
           }
-          
-        
         }
-        .proj-main-template+.item-value {
-          position: relative;
-          top: -2.5px;
+
+        .edit-cover-btn {
+          position: absolute;
+          left: 12px;
+          bottom: 12px;
+          width: 64px;
+          height: 28px;
+          line-height: 28px;
+          border-radius: 4px;
+          background-color: rgba(255, 255, 255, 1);
+          border: 0.5px solid rgba(151, 151, 151, 1);
           color: rgba(50, 50, 60, 100);
-          font-size: 18px;
+          font-size: 14px;
+          text-align: center;
+          font-family: PingFangSC-Regular;
         }
       }
-    }
-    .item {
-      display: flex;
-      width: 100%;
-      margin: 14px 0;
-      font-size: 14px;
-      font-family: PingFangSC-Regular;
-      color: #32323C;
-      .item-title {
-        color: #62492f;
-        width: 24%;
-        text-align: right;
-      }
-      .item-value {
-        margin: 0 0 0 12px;
-        &:not(.cover-img-wrap) {
-          flex: 1;
-        }
+      .proj-main-template + .item-value {
+        position: relative;
+        top: -2.5px;
+        color: rgba(50, 50, 60, 100);
+        font-size: 18px;
       }
     }
   }
-
-  /* 修改模板概况按钮 项目概况页面开始按钮 */
-  .edit-template-btn, .to-distwork-btn{
-    position: relative;
-    left: 24px;
-    cursor: pointer;
-    padding: 0 16px;
-    height: 32px;
-    line-height: 32px;
-    margin: 9px 0;
-    border-radius: 8px;
-    background-color: rgba(120, 80, 255, 1);
-    color: rgba(245, 245, 247, 100);
+  .item {
+    display: flex;
+    width: 100%;
+    margin: 14px 0;
     font-size: 14px;
-    text-align: center;
     font-family: PingFangSC-Regular;
-      
-  }
-    /* 滑动的时候 顶部导航栏的底部阴影 */
-    .header-bottom-shadow::after {
-    /* box-shadow: 0 18px 18px 0 #f1f1f1; */
-      content:'';
-      display: block;
-      width: 100%;
-      height: 30px;
-      background: linear-gradient(rgba(#000, .06),rgba(#000, 0));
+    color: #32323c;
+    .item-title {
+      color: #62492f;
+      width: 24%;
+      text-align: right;
     }
-  /* 编辑模板自定义字段 调整标题位置 */
-  .adjust-title-position {
-    position: relative;
-    top: 11px;
-  }
-  .distwork-page {
-    position: relative;
-  }
-  .right-part {
-    .part-wrap {
-      // 右侧的滚动条有8px的宽度
-      padding: 0 4px 0 12px;
-      height: calc(100vh - 126px);
-      overflow-y: scroll;
-      background-color: #f8f8f8;
-      .proj-manager-row {
-        margin: 0 0 8px 0;
-      }
-      .only-manager-see {
-        &:hover {
-          border-radius: 8px;
-          background-color: rgba(50, 50, 60, 0.1);
-        }
-      }
-      /* 项目管理权限文字样式 */
-      .row-title {
-        padding: 6px 0 0 0;
-        margin: 10px 0 6px 12px;
-        height: 20px;
-        line-height: 20px;
-        color: rgba(50, 50, 60, 100);
-        font-size: 14px;
-        text-align: left;
-        font-family: PingFangSC-Regular;
+    .item-value {
+      margin: 0 0 0 12px;
+      &:not(.cover-img-wrap) {
+        flex: 1;
       }
     }
   }
-  
-  .template-summary {
-    background-color: #f8f8f8;
-    .summary-wrap {
-      height: calc(100vh - 126px - 16px);
-      overflow: scroll;
-      padding: 0 24px;
-      margin: 16px 0 0 0;
-      background-color: #f8f8f8;
+}
 
-      /* 编辑状态下的模板自定义字段输入框 */
-      .prop-value-input {
-        width: 100%;
-        height: 44px;
-        border-radius: 4px;
-        color:  rgba(0, 0, 0, 0.56);
-        background-color: rgba(233, 233, 235, 1);
-        border: 0.5px solid rgba(174, 174, 174, 1);
-        font-size: 16px;
-        padding-left:16px;
-    
+/* 修改模板概况按钮 项目概况页面开始按钮 */
+.edit-template-btn,
+.to-distwork-btn {
+  position: relative;
+  left: 24px;
+  cursor: pointer;
+  padding: 0 16px;
+  height: 32px;
+  line-height: 32px;
+  margin: 9px 0;
+  border-radius: 8px;
+  background-color: rgba(120, 80, 255, 1);
+  color: rgba(245, 245, 247, 100);
+  font-size: 14px;
+  text-align: center;
+  font-family: PingFangSC-Regular;
+}
+/* 滑动的时候 顶部导航栏的底部阴影 */
+.header-bottom-shadow::after {
+  /* box-shadow: 0 18px 18px 0 #f1f1f1; */
+  content: "";
+  display: block;
+  width: 100%;
+  height: 30px;
+  background: linear-gradient(rgba(#000, 0.06), rgba(#000, 0));
+}
+/* 编辑模板自定义字段 调整标题位置 */
+.adjust-title-position {
+  position: relative;
+  top: 11px;
+}
+.distwork-page {
+  position: relative;
+}
+.right-part {
+  .part-wrap {
+    // 右侧的滚动条有8px的宽度
+    padding: 0 4px 0 12px;
+    height: calc(100vh - 126px);
+    overflow-y: scroll;
+    background-color: #f8f8f8;
+    .proj-manager-row {
+      margin: 0 0 8px 0;
+    }
+    .only-manager-see {
+      &:hover {
+        border-radius: 8px;
+        background-color: rgba(50, 50, 60, 0.1);
       }
     }
+    /* 项目管理权限文字样式 */
+    .row-title {
+      padding: 6px 0 0 0;
+      margin: 10px 0 6px 12px;
+      height: 20px;
+      line-height: 20px;
+      color: rgba(50, 50, 60, 100);
+      font-size: 14px;
+      text-align: left;
+      font-family: PingFangSC-Regular;
+    }
   }
-  .set-right-part-width {
-    min-width: 300px;
-    width: 63.768% !important;
-    margin-right: 10px;
-  }
+}
 
-  .set-personnel-list-width {
-    min-width: 375px;
-    max-width: 375px;
-    width: 36.231% !important;
-    transition: width 2.5s ease;
-  }
+.template-summary {
+  background-color: #f8f8f8;
+  .summary-wrap {
+    height: calc(100vh - 126px - 16px);
+    overflow: scroll;
+    padding: 0 24px;
+    margin: 16px 0 0 0;
+    background-color: #f8f8f8;
 
-  .set-header-position {
-    position: relative !important;
-    color: #32323c !important;
-    z-index: 99;
+    /* 编辑状态下的模板自定义字段输入框 */
+    .prop-value-input {
+      width: 100%;
+      height: 44px;
+      border-radius: 4px;
+      color: rgba(0, 0, 0, 0.56);
+      background-color: rgba(233, 233, 235, 1);
+      border: 0.5px solid rgba(174, 174, 174, 1);
+      font-size: 16px;
+      padding-left: 16px;
+    }
   }
-  /* 模板概况按钮 */
-  .template-detail-btn {
-    height: 40px;
-    line-height: 40px;
-    border-radius: 8px;
-    color: #32323c;
-    background-color: rgba(255, 255, 255, 1);
-    border: 0.5px solid rgba(151, 151, 151, 1);
+}
+.set-right-part-width {
+  min-width: 300px;
+  width: 63.768% !important;
+  margin-right: 10px;
+}
 
-    text-align: center;
-    margin: 15px 12px 8px;
-    cursor: pointer;
-  }
+.set-personnel-list-width {
+  min-width: 375px;
+  max-width: 375px;
+  width: 36.231% !important;
+  transition: width 2.5s ease;
+}
 
+.set-header-position {
+  position: relative !important;
+  color: #32323c !important;
+  z-index: 99;
+}
+/* 模板概况按钮 */
+.template-detail-btn {
+  height: 40px;
+  line-height: 40px;
+  border-radius: 8px;
+  color: #32323c;
+  background-color: rgba(255, 255, 255, 1);
+  border: 0.5px solid rgba(151, 151, 151, 1);
 
-  
-  /* .set-wrap-padding {
+  text-align: center;
+  margin: 15px 12px 8px;
+  cursor: pointer;
+}
+
+/* .set-wrap-padding {
     padding: 0 4px 0 12px !important;
   }
   .set-btn-margin {
@@ -1699,32 +1915,32 @@ import NestTemp from '../project/nestTemp.vue';
 </style>
 
 <style lang="scss">
-  .proj-detail {
-    .app-header-center {
-      font-size: 20px;
-    }
+.proj-detail {
+  .app-header-center {
+    font-size: 20px;
   }
-  .proj-summary  {
-    .back_title {
-      color: rgba(12, 13, 16, 100);
-      font-size: 15px;
-      font-family: PingFangSC-Regular;
-    }
+}
+.proj-summary {
+  .back_title {
+    color: rgba(12, 13, 16, 100);
+    font-size: 15px;
+    font-family: PingFangSC-Regular;
   }
-  /* 返回图标变成紫色 */
-  .proj-detail {
-    .right-part {
-      .app-header-back-btn {
-        background: url(/static/img/yiyunicon.png) no-repeat -28px -84px !important;
-      }
+}
+/* 返回图标变成紫色 */
+.proj-detail {
+  .right-part {
+    .app-header-back-btn {
+      background: url(/static/img/yiyunicon.png) no-repeat -28px -84px !important;
     }
   }
-  .plain-folder-list {
-    padding: 0 0 28px 0;
-  }
-  .right-part .app-header-content {
-    background-color: #f8f8f8;
-  }
+}
+.plain-folder-list {
+  padding: 0 0 28px 0;
+}
+.right-part .app-header-content {
+  background-color: #f8f8f8;
+}
 
 .manager-folder-wrap {
   border-radius: 8px;