From ef0927c80a1b0aab63f36b6e523751ef1f033918 Mon Sep 17 00:00:00 2001
From: yuping <82253452@qq.com>
Date: Sun, 4 Dec 2022 19:45:05 +0800
Subject: [PATCH] =?UTF-8?q?--=E9=A1=B9=E7=9B=AE=20=E5=AD=A6=E5=91=98?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/ProjCheckPower.vue | 828 ++++++++++++----------
 1 file changed, 467 insertions(+), 361 deletions(-)

diff --git a/src/components/drawers/ProjCheckPower.vue b/src/components/drawers/ProjCheckPower.vue
index 74775826..c2cd635c 100644
--- a/src/components/drawers/ProjCheckPower.vue
+++ b/src/components/drawers/ProjCheckPower.vue
@@ -1,29 +1,29 @@
 <!-- 项目的查看权 -->
 <template>
   <a-drawer
-    :visible="ProjCheckvisible"
-    class="drawerStyle ProjCheckship"
-    placement="right"
-    width="85%"
-    @after-visible-change="afterVisibleChange"
+      :visible="ProjCheckvisible"
+      class="drawerStyle ProjCheckship"
+      placement="right"
+      width="85%"
+      @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain" id="ProjCheckship">
       <div class="header">
         <div class="headerTitle">
           {{
             authClassify === 1
-              ? "查看权"
-              : authClassify === 2
-              ? "管理权"
-              : authClassify === 3
-              ? "添加学员"
-              : ""
+                ? "查看权"
+                : authClassify === 2
+                    ? "管理权"
+                    : authClassify === 3
+                        ? "添加学员"
+                        : ""
           }}
         </div>
         <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="closeDrawer"
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
         />
       </div>
       <div class="main">
@@ -32,23 +32,23 @@
             <a-tabs v-model:activeKey="activeKey">
               <a-tab-pane key="1" tab="快速选人">
                 <div
-                  :style="{ height: screenHeight - 235 + 'px' }"
-                  style="overflow-y: auto"
+                    :style="{ height: screenHeight - 235 + 'px' }"
+                    style="overflow-y: auto"
                 >
                   <div class="tab1">
                     <div class="nameinp">
                       <div class="namee">姓名：</div>
                       <a-input
-                        v-model:value="nameSearch"
-                        style="width: 270px; height: 40px; border-radius: 8px"
-                        placeholder="请输入姓名"
+                          v-model:value="nameSearch"
+                          style="width: 270px; height: 40px; border-radius: 8px"
+                          placeholder="请输入姓名"
                       />
                     </div>
                     <div class="btns">
                       <div class="btn1" @click="handleSearchStu">
                         <div class="img1">
                           <img
-                            src="../../assets/images/courseManage/search0.png"
+                              src="../../assets/images/courseManage/search0.png"
                           />
                         </div>
                         <div class="wz">搜索</div>
@@ -56,7 +56,7 @@
                       <div class="btn2" @click="resetStu">
                         <div class="img2">
                           <img
-                            src="../../assets/images/courseManage/reset1.png"
+                              src="../../assets/images/courseManage/reset1.png"
                           />
                         </div>
                         <div class="wz">重置</div>
@@ -80,39 +80,39 @@
                     <div class="boeTree">
                       <div class="boeTreeTitle">BOE组织树</div>
                       <a-tree
-                        v-model:value="valueSelectboe"
-                        class="treeMain"
-                        :style="{ height: screenHeight - 400 + 'px' }"
-                        dropdownClassName="changetreedropdownboe"
-                        :dropdown-style="{
+                          v-model:value="valueSelectboe"
+                          class="treeMain"
+                          :style="{ height: screenHeight - 400 + 'px' }"
+                          dropdownClassName="changetreedropdownboe"
+                          :dropdown-style="{
                           maxHeight: '600px',
                         }"
-                        placeholder="BOE组织树"
-                        allow-clear
-                        tree-default-expand-all
-                        :tree-data="treeData"
-                        @select="departmentSelect"
-                        v-model:selectedKeys="selectedKeys"
-                        :fieldNames="{
+                          placeholder="BOE组织树"
+                          allow-clear
+                          tree-default-expand-all
+                          :tree-data="treeData"
+                          @select="departmentSelect"
+                          v-model:selectedKeys="selectedKeys"
+                          :fieldNames="{
                           children: 'treeChildList',
                           key: 'id',
                           title: 'name',
                           value: 'name',
                         }"
-                        v-model:expandedKeys="expandedKeys"
+                          v-model:expandedKeys="expandedKeys"
                       >
                         <template #suffixIcon></template>
                       </a-tree>
                     </div>
                     <div class="tableBox tabb" style="margin-top: 16px">
                       <a-table
-                        style="border: 1px solid #f2f6fe"
-                        :columns="tablecolumns"
-                        :data-source="tabledata"
-                        :loading="loading"
-                        :pagination="false"
-                        rowKey="id"
-                        :row-selection="{
+                          style="border: 1px solid #f2f6fe"
+                          :columns="tablecolumns"
+                          :data-source="tabledata"
+                          :loading="loading"
+                          :pagination="false"
+                          rowKey="id"
+                          :row-selection="{
                           columnWidth: 20,
                           selectedRowKeys: selectedRowKeys,
                           onChange: onSelectChange,
@@ -121,16 +121,16 @@
                       />
                       <div class="pa">
                         <a-pagination
-                          showSizeChanger="true"
-                          showQuickJumper="true"
-                          hideOnSinglePage="true"
-                          :pageSize="pageSize"
-                          v-model:current="currentPage"
-                          :total="tableDataTotal"
-                          :pagination="false"
-                          class="pagination"
-                          v-if="tableDataTotal > 10"
-                          @change="changePagination"
+                            showSizeChanger="true"
+                            showQuickJumper="true"
+                            hideOnSinglePage="true"
+                            :pageSize="pageSize"
+                            v-model:current="currentPage"
+                            :total="tableDataTotal"
+                            :pagination="false"
+                            class="pagination"
+                            v-if="tableDataTotal > 10"
+                            @change="changePagination"
                         />
                       </div>
                     </div>
@@ -139,23 +139,23 @@
               </a-tab-pane>
               <a-tab-pane key="2" tab="添加组织" force-render>
                 <div
-                  :style="{ height: screenHeight - 235 + 'px' }"
-                  style="overflow-y: auto"
+                    :style="{ height: screenHeight - 235 + 'px' }"
+                    style="overflow-y: auto"
                 >
                   <div class="tab2">
                     <div class="nameinp">
                       <div class="namee">组织：</div>
                       <a-input
-                        v-model:value="searchOrgName"
-                        style="width: 230px; height: 40px; border-radius: 8px"
-                        placeholder="请输入组织"
+                          v-model:value="searchOrgName"
+                          style="width: 230px; height: 40px; border-radius: 8px"
+                          placeholder="请输入组织"
                       />
                     </div>
                     <div class="btns">
                       <div class="btn1" @click="searchOrg()">
                         <div class="img1">
                           <img
-                            src="../../assets/images/courseManage/search0.png"
+                              src="../../assets/images/courseManage/search0.png"
                           />
                         </div>
                         <div class="wz">搜索</div>
@@ -163,7 +163,7 @@
                       <div class="btn2" @click="resetOrg">
                         <div class="img2">
                           <img
-                            src="../../assets/images/courseManage/reset1.png"
+                              src="../../assets/images/courseManage/reset1.png"
                           />
                         </div>
                         <div class="wz">重置</div>
@@ -181,69 +181,69 @@
                   <div class="boeTree">
                     <div class="boeTreeTitle">BOE组织树</div>
                     <a-tree
-                      v-if="!isSearchOrg"
-                      class="treeMain treeMain2"
-                      :style="{ height: screenHeight - 430 + 'px' }"
-                      dropdownClassName="changetreedropdownboe"
-                      :dropdown-style="{
+                        v-if="!isSearchOrg"
+                        class="treeMain treeMain2"
+                        :style="{ height: screenHeight - 430 + 'px' }"
+                        dropdownClassName="changetreedropdownboe"
+                        :dropdown-style="{
                         maxHeight: '600px',
                       }"
-                      placeholder="BOE组织树"
-                      allow-clear
-                      tree-default-expand-all
-                      :tree-data="isSearchOrg ? treeData2 : treeData"
-                      @select="departmentSelect1"
-                      multiple
-                      v-model:selectedKeys="selectedKeys1"
-                      :fieldNames="{
+                        placeholder="BOE组织树"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="isSearchOrg ? treeData2 : treeData"
+                        @select="departmentSelect1"
+                        multiple
+                        v-model:selectedKeys="selectedKeys1"
+                        :fieldNames="{
                         children: 'treeChildList',
                         key: 'id',
                         title: 'name',
                         value: 'name',
                       }"
-                      v-model:expandedKeys="expandedKeys"
+                        v-model:expandedKeys="expandedKeys"
                     >
                       <template #suffixIcon></template>
                     </a-tree>
                     <a-tree
-                      v-else-if="isSearchOrg"
-                      class="treeMain treeMain2"
-                      :style="{ height: screenHeight - 430 + 'px' }"
-                      dropdownClassName="changetreedropdownboe"
-                      :dropdown-style="{
+                        v-else-if="isSearchOrg"
+                        class="treeMain treeMain2"
+                        :style="{ height: screenHeight - 430 + 'px' }"
+                        dropdownClassName="changetreedropdownboe"
+                        :dropdown-style="{
                         maxHeight: '600px',
                       }"
-                      placeholder="BOE组织树"
-                      allow-clear
-                      tree-default-expand-all
-                      :tree-data="isSearchOrg ? treeData2 : treeData"
-                      @select="departmentSelect1"
-                      multiple
-                      v-model:selectedKeys="selectedKeys1"
-                      :fieldNames="{
+                        placeholder="BOE组织树"
+                        allow-clear
+                        tree-default-expand-all
+                        :tree-data="isSearchOrg ? treeData2 : treeData"
+                        @select="departmentSelect1"
+                        multiple
+                        v-model:selectedKeys="selectedKeys1"
+                        :fieldNames="{
                         children: 'treeChildList',
                         key: 'id',
                         title: 'name',
                         value: 'name',
                       }"
-                      v-model:expandedKeys="expandedKeys"
+                        v-model:expandedKeys="expandedKeys"
                     >
                       <template #suffixIcon></template>
                     </a-tree>
-                    <div
-                      class="boeTreeTitle"
-                      style="margin-top: 8px; cursor: pointer"
-                      @click="addOrgModal"
-                    >
-                      确认添加
-                    </div>
+                    <!--                    <div-->
+                    <!--                      class="boeTreeTitle"-->
+                    <!--                      style="margin-top: 8px; cursor: pointer"-->
+                    <!--                      @click="addOrgModal"-->
+                    <!--                    >-->
+                    <!--                      确认添加-->
+                    <!--                    </div>-->
                   </div>
                 </div>
               </a-tab-pane>
               <a-tab-pane key="3" tab="受众关联">
                 <div
-                  :style="{ height: screenHeight - 235 + 'px' }"
-                  style="overflow-y: auto"
+                    :style="{ height: screenHeight - 235 + 'px' }"
+                    style="overflow-y: auto"
                 >
                   <div class="tab1">
                     <div class="t1">
@@ -262,16 +262,16 @@
                     <div class="t1" style="margin-top: 10px">
                       <div class="organize">受众名称：</div>
                       <a-input
-                        v-model:value="audienceName"
-                        style="width: 260px; height: 40px; border-radius: 8px"
-                        placeholder="请输入受众名称"
+                          v-model:value="audienceName"
+                          style="width: 260px; height: 40px; border-radius: 8px"
+                          placeholder="请输入受众名称"
                       />
                     </div>
                     <div class="btns">
                       <div class="btn1" @click="searchAudienceInfo">
                         <div class="img1">
                           <img
-                            src="../../assets/images/courseManage/search0.png"
+                              src="../../assets/images/courseManage/search0.png"
                           />
                         </div>
                         <div class="wz">搜索</div>
@@ -279,7 +279,7 @@
                       <div class="btn2" @click="resetAudienceInfo">
                         <div class="img2">
                           <img
-                            src="../../assets/images/courseManage/reset1.png"
+                              src="../../assets/images/courseManage/reset1.png"
                           />
                         </div>
                         <div class="wz">重置</div>
@@ -301,15 +301,15 @@
                 </div> -->
                   <div class="tableBox tabb" style="margin-top: 16px">
                     <a-table
-                      style="border: 1px solid #f2f6fe"
-                      :columns="tablecolumns2"
-                      :data-source="tabledata2"
-                      :loading="tableDataTotal === -1 ? true : false"
-                      expandRowByClick="true"
-                      :scroll="{ x: 500 }"
-                      @expand="expandTable"
-                      :pagination="false"
-                      :row-selection="{
+                        style="border: 1px solid #f2f6fe"
+                        :columns="tablecolumns2"
+                        :data-source="tabledata2"
+                        :loading="tableDataTotal === -1 ? true : false"
+                        expandRowByClick="true"
+                        :scroll="{ x: 500 }"
+                        @expand="expandTable"
+                        :pagination="false"
+                        :row-selection="{
                         columnWidth: 30,
                         selectedRowKeys: selectedRowKeys2,
                         onChange: onSelectChange2,
@@ -318,15 +318,15 @@
                     />
                     <div class="pa" style="margin-top: 20px">
                       <a-pagination
-                        showSizeChanger="true"
-                        showQuickJumper="true"
-                        hideOnSinglePage="true"
-                        :pageSize="pageSize2"
-                        :current="currentPage2"
-                        :total="tableDataTotal2"
-                        class="pagination"
-                        v-if="tableDataTotal2 > 10"
-                        @change="changePagination1"
+                          showSizeChanger="true"
+                          showQuickJumper="true"
+                          hideOnSinglePage="true"
+                          :pageSize="pageSize2"
+                          :current="currentPage2"
+                          :total="tableDataTotal2"
+                          class="pagination"
+                          v-if="tableDataTotal2 > 10"
+                          @change="changePagination1"
                       />
                     </div>
                   </div>
@@ -353,15 +353,15 @@
             <div style="height: 160px" class="selectedsBox" id="selectedsBox">
               <div class="selecteds" id="selecteds">
                 <!-- 遍历生成 -->
-                <div class="chose" v-for="item in choosepeople" :key="item.key">
-                  <div>{{ item.name || item.realName }}</div>
+                <div class="chose" v-for="(item,index) in choosepeople" :key="index">
+                  <div>{{ item?.name || item?.realName }}</div>
                   <div class="ch" @click="deleteChoosePeople(item)"></div>
                 </div>
               </div>
             </div>
             <div
-              class="chose"
-              style="
+                class="chose"
+                style="
                 display: flex;
                 justify-content: flex-end;
                 margin-right: 20px;
@@ -370,20 +370,20 @@
                 color: #409eff;
                 line-height: 22px;
               "
-              v-if="showMore"
-              @click="morePeopleShow"
+                v-if="showMore"
+                @click="morePeopleShow"
             >
               <div>
                 查看更多
                 <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/go.png"
+                    style="width: 10px; height: 12px; margin-top: -2px"
+                    src="../../assets/images/projectadd/go.png"
                 />
               </div>
             </div>
             <div
-              class="chose"
-              style="
+                class="chose"
+                style="
                 display: flex;
                 justify-content: flex-end;
                 margin-right: 20px;
@@ -392,14 +392,14 @@
                 color: #409eff;
                 line-height: 22px;
               "
-              v-if="showHidden"
-              @click="morePeopleHidden"
+                v-if="showHidden"
+                @click="morePeopleHidden"
             >
               <div>
                 收起
                 <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/pickUp.png"
+                    style="width: 10px; height: 12px; margin-top: -2px"
+                    src="../../assets/images/projectadd/pickUp.png"
                 />
               </div>
             </div>
@@ -408,16 +408,16 @@
           <div class="tit">添加组织</div>
           <div style="position: relative; min-height: 180px">
             <div
-              style="position: relative; height: 160px"
-              class="selectedsBox"
-              id="selectedsBox1"
+                style="position: relative; height: 160px"
+                class="selectedsBox"
+                id="selectedsBox1"
             >
               <div class="selecteds" id="selecteds1">
                 <!-- 遍历生成 -->
                 <div
-                  class="chose"
-                  v-for="item in chooseorganization1"
-                  :key="item.key"
+                    class="chose"
+                    v-for="item in chooseorganization1"
+                    :key="item.key"
                 >
                   <div>{{ item.name }}</div>
                   <div class="ch" @click="deleteChoosePeople1(item)"></div>
@@ -425,8 +425,8 @@
               </div>
             </div>
             <div
-              class="chose"
-              style="
+                class="chose"
+                style="
                 display: flex;
                 justify-content: flex-end;
                 margin-right: 20px;
@@ -435,20 +435,20 @@
                 color: #409eff;
                 line-height: 22px;
               "
-              v-if="showMore1"
-              @click="morePeopleShow1"
+                v-if="showMore1"
+                @click="morePeopleShow1"
             >
               <div>
                 查看更多
                 <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/go.png"
+                    style="width: 10px; height: 12px; margin-top: -2px"
+                    src="../../assets/images/projectadd/go.png"
                 />
               </div>
             </div>
             <div
-              class="chose"
-              style="
+                class="chose"
+                style="
                 display: flex;
                 justify-content: flex-end;
                 margin-right: 20px;
@@ -457,14 +457,14 @@
                 color: #409eff;
                 line-height: 22px;
               "
-              v-if="showHidden1"
-              @click="morePeopleHidden1"
+                v-if="showHidden1"
+                @click="morePeopleHidden1"
             >
               <div>
                 收起
                 <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/pickUp.png"
+                    style="width: 10px; height: 12px; margin-top: -2px"
+                    src="../../assets/images/projectadd/pickUp.png"
                 />
               </div>
             </div>
@@ -472,15 +472,15 @@
           <div class="line"></div>
           <div class="tit">受众关联</div>
           <div
-            style="position: relative; min-height: 180px; padding-bottom: 40px"
+              style="position: relative; min-height: 180px; padding-bottom: 40px"
           >
             <div style="height: 160px" class="selectedsBox" id="selectedsBox2">
               <div class="selecteds" id="selecteds2">
                 <!-- 遍历生成 -->
                 <div
-                  class="chose"
-                  v-for="item in relationpeople"
-                  :key="item.key"
+                    class="chose"
+                    v-for="item in relationpeople"
+                    :key="item.key"
                 >
                   <div>{{ item.name }}</div>
                   <div class="ch" @click="deleteChoosePeople2(item)"></div>
@@ -488,8 +488,8 @@
               </div>
             </div>
             <div
-              class="chose"
-              style="
+                class="chose"
+                style="
                 display: flex;
                 justify-content: flex-end;
                 margin-right: 20px;
@@ -498,20 +498,20 @@
                 color: #409eff;
                 line-height: 22px;
               "
-              v-if="showMore2"
-              @click="morePeopleShow2"
+                v-if="showMore2"
+                @click="morePeopleShow2"
             >
               <div>
                 查看更多
                 <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/go.png"
+                    style="width: 10px; height: 12px; margin-top: -2px"
+                    src="../../assets/images/projectadd/go.png"
                 />
               </div>
             </div>
             <div
-              class="chose"
-              style="
+                class="chose"
+                style="
                 display: flex;
                 justify-content: flex-end;
                 margin-right: 20px;
@@ -520,14 +520,14 @@
                 color: #409eff;
                 line-height: 22px;
               "
-              v-if="showHidden2"
-              @click="morePeopleHidden2"
+                v-if="showHidden2"
+                @click="morePeopleHidden2"
             >
               <div>
                 收起
                 <img
-                  style="width: 10px; height: 12px; margin-top: -2px"
-                  src="../../assets/images/projectadd/pickUp.png"
+                    style="width: 10px; height: 12px; margin-top: -2px"
+                    src="../../assets/images/projectadd/pickUp.png"
                 />
               </div>
             </div>
@@ -541,10 +541,10 @@
     </div>
     <!-- 确认添加部门弹窗 -->
     <a-modal
-      v-model:visible="showOrgModal"
-      :footer="null"
-      wrapClassName="confirmAddOrg"
-      centered="true"
+        v-model:visible="showOrgModal"
+        :footer="null"
+        wrapClassName="confirmAddOrg"
+        centered="true"
     >
       <div class="delete">
         <div class="del_header"></div>
@@ -572,17 +572,18 @@
   </a-drawer>
 </template>
 <script>
-import { reactive, toRefs, onMounted, onUnmounted, computed } from "vue";
+import {reactive, toRefs, onMounted, onUnmounted, computed} from "vue";
 import elementResizeDetectorMaker from "element-resize-detector";
-import { message } from "ant-design-vue";
+import {message} from "ant-design-vue";
 // import { toDate } from "../../api/method";
-import { useStore } from "vuex";
+import {useStore} from "vuex";
 import {
   traverseArr,
   // deepClone,
   // batchLoadList,
 } from "../../utils/utils";
 import * as api from "../../api/index1";
+
 export default {
   name: "ProjCheckShip",
   props: {
@@ -710,13 +711,13 @@ export default {
             compare: (a, b) => new Date(a.createTime) - new Date(b.createTime),
             multiple: 3,
           },
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          scopedSlots: {customRender: "action"}, //引入的插槽
           customRender: (text) => {
             // console.log(text.record.checked1);
             return (
-              <div class="racona">
-                <span>{text.record.createTime} </span>
-              </div>
+                <div class="racona">
+                  <span>{text.record.createTime} </span>
+                </div>
             );
           },
         },
@@ -845,16 +846,16 @@ export default {
       //   return false;
       // }
       await api
-        .getMemberInfo({
-          pageNo: state.currentPage,
-          pageSize: state.pageSize,
-          keyWord: state.nameSearch,
-          org: state.nameSearch ? null : org,
-        })
-        .then((res) => {
-          state.tabledata = res.data.data.rows;
-          state.tableDataTotal = res.data.data.total;
-        });
+          .getMemberInfo({
+            pageNo: state.currentPage,
+            pageSize: state.pageSize,
+            keyWord: state.nameSearch,
+            org: state.nameSearch ? null : org,
+          })
+          .then((res) => {
+            state.tabledata = res.data.data.rows;
+            state.tableDataTotal = res.data.data.total;
+          });
     };
     // state.tabledata = traverseArr(item1, {
     //   key: "id",
@@ -894,8 +895,14 @@ export default {
     //快速选人 选中的数组
     const onSelectChange = (selectedRowKeys, item) => {
       console.log("selectedRowKeys changed: ", selectedRowKeys, item);
+      console.log("choosepeople : ", state.choosepeople);
       state.selectedRowKeys = selectedRowKeys;
-      state.choosepeople = item.reverse();
+      const se = state.studentList.map(e => e.id).join(',') || ''
+      const addItem = item.filter(e => (e && !se.includes(e.id + ',')))
+      addItem.forEach(e => {
+        e.name = e.realName
+      })
+      state.choosepeople = [...addItem.reverse(), ...state.studentList];
       selectedsHeight();
       // if (selectedRowKeys.length > 0 && item.length > 0) {
       //   state.selectedRowKeys.push(selectedRowKeys[selectedRowKeys.length - 1]);
@@ -911,14 +918,15 @@ export default {
     const deleteChoosePeople = (item) => {
       let arr = state.choosepeople;
       for (let i = 0; i < arr.length; i++) {
-        if (arr[i].key === item.key) {
+        if (arr[i].id == item.id) {
           arr.splice(i, 1);
         }
       }
       state.choosepeople = arr;
+      state.studentList = state.studentList.filter(e => e.id != item.id)
       let array = state.selectedRowKeys;
       for (let i = 0; i < array.length; i++) {
-        if (array[i] === item.key) {
+        if (array[i] === item.id) {
           array.splice(i, 1);
         }
       }
@@ -929,49 +937,49 @@ export default {
     const selectedsHeight = () => {
       let resize = elementResizeDetectorMaker();
       resize.listenTo(
-        document.getElementById("ProjCheckship").querySelector("#selecteds"),
-        function (ele) {
-          console.log("ele", ele.clientHeight, ele.offsetHeight);
-          if (ele.offsetHeight > 160 && !state.showHidden) {
-            state.showMore = true;
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox").style.overflow = "hidden";
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox").style.height = "160px";
-          } else if (ele.offsetHeight < 160) {
-            state.showMore = false;
-            state.showHidden = false;
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox").style.overflow = "hidden";
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox").style.height = "160px";
+          document.getElementById("ProjCheckship").querySelector("#selecteds"),
+          function (ele) {
+            console.log("ele", ele.clientHeight, ele.offsetHeight);
+            if (ele.offsetHeight > 160 && !state.showHidden) {
+              state.showMore = true;
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox").style.overflow = "hidden";
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox").style.height = "160px";
+            } else if (ele.offsetHeight < 160) {
+              state.showMore = false;
+              state.showHidden = false;
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox").style.overflow = "hidden";
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox").style.height = "160px";
+            }
           }
-        }
       );
     };
     const morePeopleShow = () => {
       state.showMore = false;
       state.showHidden = true;
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox").style.overflow = "";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox").style.overflow = "";
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox").style.height = "";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox").style.height = "";
     };
     const morePeopleHidden = () => {
       state.showMore = true;
       state.showHidden = false;
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox").style.overflow = "hidden";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox").style.overflow = "hidden";
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox").style.height = "160px";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox").style.height = "160px";
     };
     // 结束 快速选人------------------------------------------------------------------
     // 开始 添加组织------------------------------------------------------------------
@@ -985,22 +993,22 @@ export default {
       };
       console.log("obj", obj);
       api
-        .getOrgInfo(obj)
-        .then((res) => {
-          if (res.data.code === 200) {
-            console.log("搜索组织", res);
-            state.isSearchOrg = true;
-            // res.data.data.rows.forEach((element) => {
-            //   // console.log("element", element);
-            //   element.treeChildList = [];
-            // });
-            // console.log("组织树搜索成功", res.data.data.rows);
-            state.treeData2 = res.data.data;
-          }
-        })
-        .catch((err) => {
-          console.log("组织树获取失败", err);
-        });
+          .getOrgInfo(obj)
+          .then((res) => {
+            if (res.data.code === 200) {
+              console.log("搜索组织", res);
+              state.isSearchOrg = true;
+              // res.data.data.rows.forEach((element) => {
+              //   // console.log("element", element);
+              //   element.treeChildList = [];
+              // });
+              // console.log("组织树搜索成功", res.data.data.rows);
+              state.treeData2 = res.data.data;
+            }
+          })
+          .catch((err) => {
+            console.log("组织树获取失败", err);
+          });
     };
     //重置组织
     const resetOrg = () => {
@@ -1098,69 +1106,69 @@ export default {
     const selectedsHeight1 = () => {
       let resize = elementResizeDetectorMaker();
       resize.listenTo(
-        document.getElementById("ProjCheckship").querySelector("#selecteds1"),
-        function (ele) {
-          console.log("ele", ele.offsetHeight);
-          if (ele.offsetHeight > 160 && !state.showHidden1) {
-            state.showMore1 = true;
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox1").style.overflow = "hidden";
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox1").style.height = "160px";
-          } else if (ele.offsetHeight < 160) {
-            state.showMore1 = false;
-            state.showHidden1 = false;
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox1").style.overflow = "hidden";
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox1").style.height = "160px";
+          document.getElementById("ProjCheckship").querySelector("#selecteds1"),
+          function (ele) {
+            console.log("ele", ele.offsetHeight);
+            if (ele.offsetHeight > 160 && !state.showHidden1) {
+              state.showMore1 = true;
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox1").style.overflow = "hidden";
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox1").style.height = "160px";
+            } else if (ele.offsetHeight < 160) {
+              state.showMore1 = false;
+              state.showHidden1 = false;
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox1").style.overflow = "hidden";
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox1").style.height = "160px";
+            }
           }
-        }
       );
     };
     const morePeopleShow1 = () => {
       state.showMore1 = false;
       state.showHidden1 = true;
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox1").style.overflow = "";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox1").style.overflow = "";
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox1").style.height = "";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox1").style.height = "";
     };
     const morePeopleHidden1 = () => {
       state.showMore1 = true;
       state.showHidden1 = false;
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox1").style.overflow = "hidden";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox1").style.overflow = "hidden";
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox1").style.height = "160px";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox1").style.height = "160px";
     };
     // 结束 添加组织------------------------------------------------------------------
     // 开始 受众关联------------------------------------------------------------------
     //获取受众
     const getAudienceInfo = async () => {
       const item1 = await api
-        .getAudienceInfo({
-          keyWord: state.audienceName,
-          id: 0,
-          pageNo: state.currentPage2,
-          pageSize: state.pageSize2,
-        })
-        .then((res) => {
-          // console.log("获取受众", res);
-          if (res.data.code === 200) {
-            // console.log("获取学员", res.data);
-            state.tableDataTotal2 = res.data.data.total;
-            return res.data.data.rows;
-          }
-        });
+          .getAudienceInfo({
+            keyWord: state.audienceName,
+            id: 0,
+            pageNo: state.currentPage2,
+            pageSize: state.pageSize2,
+          })
+          .then((res) => {
+            // console.log("获取受众", res);
+            if (res.data.code === 200) {
+              // console.log("获取学员", res.data);
+              state.tableDataTotal2 = res.data.data.total;
+              return res.data.data.rows;
+            }
+          });
       // console.log("item1", item1);
       if (item1) {
         state.tabledata2 = traverseArr(item1, {
@@ -1220,49 +1228,49 @@ export default {
     const selectedsHeight2 = () => {
       let resize = elementResizeDetectorMaker();
       resize.listenTo(
-        document.getElementById("ProjCheckship").querySelector("#selecteds2"),
-        function (ele) {
-          console.log("ele", ele.offsetHeight);
-          if (ele.offsetHeight > 160 && !state.showHidden2) {
-            state.showMore2 = true;
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox2").style.overflow = "hidden";
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox2").style.height = "160px";
-          } else if (ele.offsetHeight < 160) {
-            state.showMore2 = false;
-            state.showHidden2 = false;
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox2").style.overflow = "hidden";
-            document
-              .getElementById("ProjCheckship")
-              .querySelector("#selectedsBox2").style.height = "160px";
+          document.getElementById("ProjCheckship").querySelector("#selecteds2"),
+          function (ele) {
+            console.log("ele", ele.offsetHeight);
+            if (ele.offsetHeight > 160 && !state.showHidden2) {
+              state.showMore2 = true;
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox2").style.overflow = "hidden";
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox2").style.height = "160px";
+            } else if (ele.offsetHeight < 160) {
+              state.showMore2 = false;
+              state.showHidden2 = false;
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox2").style.overflow = "hidden";
+              document
+                  .getElementById("ProjCheckship")
+                  .querySelector("#selectedsBox2").style.height = "160px";
+            }
           }
-        }
       );
     };
     const morePeopleShow2 = () => {
       state.showMore2 = false;
       state.showHidden2 = true;
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox2").style.overflow = "";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox2").style.overflow = "";
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox2").style.height = "";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox2").style.height = "";
     };
     const morePeopleHidden2 = () => {
       state.showMore2 = true;
       state.showHidden2 = false;
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox2").style.overflow = "hidden";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox2").style.overflow = "hidden";
       document
-        .getElementById("ProjCheckship")
-        .querySelector("#selectedsBox2").style.height = "160px";
+          .getElementById("ProjCheckship")
+          .querySelector("#selectedsBox2").style.height = "160px";
     };
     // 结束 受众关联------------------------------------------------------------------
     //全部清除
@@ -1298,7 +1306,7 @@ export default {
       state.choosepeople.map((value) => {
         let obj = {
           id: value.id,
-          name: value.realName,
+          name: value.name,
         };
         choosepeople.push(obj);
       });
@@ -1328,13 +1336,13 @@ export default {
       let obj = {
         keyWord: "",
         type:
-          props.classify === "learnPath"
-            ? 1
-            : props.classify === "project"
-            ? 2
-            : props.classify === "course"
-            ? 3
-            : null,
+            props.classify === "learnPath"
+                ? 1
+                : props.classify === "project"
+                    ? 2
+                    : props.classify === "course"
+                        ? 3
+                        : null,
         tag: props.authClassify === 1 ? 3 : props.authClassify === 2 ? 4 : "",
         opt: 1,
         refId: props.selectProjectId,
@@ -1346,47 +1354,42 @@ export default {
       };
       console.log("获取权限名单obj", obj);
       api
-        .optionAuthPerm(obj)
-        .then((res) => {
-          // console.log("获取权限名单成功", res);
-          if (res.data.code === 200) {
-            let studentArr = res.data.data.studentList;
-            let selectedRowKeys = [];
-            let choosepeople = [];
-            for (let i = 0; i < studentArr.length; i++) {
-              selectedRowKeys.push(studentArr[i].id);
-              choosepeople.push(studentArr[i]);
+          .optionAuthPerm(obj)
+          .then((res) => {
+            // console.log("获取权限名单成功", res);
+            if (res.data.code === 200) {
+              let studentArr = res.data.data.studentList;
+              state.studentList = res.data.data.studentList;
+              state.choosepeople = res.data.data.studentList;
+              //快速选人
+              state.selectedRowKeys = studentArr.map(e => e.id);
+              let deptArr = res.data.data.deptList;
+              let selectedKeys1 = [];
+              let chooseorganization = [];
+              for (let i = 0; i < deptArr.length; i++) {
+                selectedKeys1.push(deptArr[i].id);
+                chooseorganization.push(deptArr[i]);
+              }
+              //组织
+              state.selectedKeys1 = selectedKeys1;
+              state.chooseorganization = chooseorganization;
+              state.chooseorganization1 = chooseorganization;
+              let groupArr = res.data.data.groupList;
+              let selectedRowKeys2 = [];
+              let relationpeople = [];
+              for (let i = 0; i < groupArr.length; i++) {
+                selectedRowKeys2.push(groupArr[i].id);
+                relationpeople.push(groupArr[i]);
+              }
+              //受众
+              state.selectedRowKeys2 = selectedRowKeys2;
+              state.relationpeople = relationpeople;
+              console.log("获取权限名单成功", res);
             }
-            //快速选人
-            state.selectedRowKeys = selectedRowKeys;
-            state.choosepeople = choosepeople;
-            let deptArr = res.data.data.deptList;
-            let selectedKeys1 = [];
-            let chooseorganization = [];
-            for (let i = 0; i < deptArr.length; i++) {
-              selectedKeys1.push(deptArr[i].id);
-              chooseorganization.push(deptArr[i]);
-            }
-            //组织
-            state.selectedKeys1 = selectedKeys1;
-            state.chooseorganization = chooseorganization;
-            state.chooseorganization1 = chooseorganization;
-            let groupArr = res.data.data.groupList;
-            let selectedRowKeys2 = [];
-            let relationpeople = [];
-            for (let i = 0; i < groupArr.length; i++) {
-              selectedRowKeys2.push(groupArr[i].id);
-              relationpeople.push(groupArr[i]);
-            }
-            //受众
-            state.selectedRowKeys2 = selectedRowKeys2;
-            state.relationpeople = relationpeople;
-            console.log("获取权限名单成功", res);
-          }
-        })
-        .catch((err) => {
-          console.log("获取权限名单失败", err);
-        });
+          })
+          .catch((err) => {
+            console.log("获取权限名单失败", err);
+          });
     };
     return {
       ...toRefs(state),
@@ -1433,6 +1436,7 @@ export default {
   .ant-drawer-content-wrapper {
     max-width: 1300px !important;
   }
+
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
@@ -1440,6 +1444,7 @@ export default {
     display: flex;
     flex-direction: column;
     overflow-x: auto;
+
     .header {
       height: 73px;
       border-bottom: 1px solid #e8e8e8;
@@ -1449,6 +1454,7 @@ export default {
       align-items: center;
       // background-color: red;
       margin-bottom: 20px;
+
       .headerTitle {
         font-size: 18px;
         font-weight: 600;
@@ -1457,6 +1463,7 @@ export default {
         // margin-left: 24px;
       }
     }
+
     .main {
       display: flex;
       //  min-width: 1200px;
@@ -1470,31 +1477,38 @@ export default {
         flex-shrink: 0;
         // height: 100%;
         border-right: 1px solid rgba(233, 233, 233, 1);
+
         .tabs {
           margin-right: 33px;
+
           .tab1 {
             display: flex;
             flex-wrap: wrap;
             // justify-content: space-between;
             align-items: center;
+
             .t1 {
               display: flex;
               align-items: center;
               margin-bottom: 5px;
             }
+
             .nameinp {
               display: flex;
               align-items: center;
               margin-top: 10px;
+
               .namee {
                 color: rgba(0, 0, 0, 0.85);
                 font-size: 14px;
               }
             }
+
             .btns {
               display: flex;
               margin-top: 10px;
               margin-left: 34px;
+
               .btn1 {
                 width: 100px;
                 height: 40px;
@@ -1508,10 +1522,12 @@ export default {
                 border-radius: 8px;
                 border: 1px solid #409eff;
                 cursor: pointer;
+
                 .wz {
                   margin-left: 10px;
                 }
               }
+
               .btn2 {
                 width: 100px;
                 height: 40px;
@@ -1524,15 +1540,18 @@ export default {
                 border-radius: 8px;
                 cursor: pointer;
                 border: 1px solid #409eff;
+
                 .wz {
                   margin-left: 10px;
                 }
               }
             }
           }
+
           .btns {
             display: flex;
             margin-top: 10px;
+
             .btn1 {
               width: 100px;
               height: 40px;
@@ -1546,10 +1565,12 @@ export default {
               border-radius: 8px;
               border: 1px solid #409eff;
               cursor: pointer;
+
               .wz {
                 margin-left: 10px;
               }
             }
+
             .btn2 {
               width: 100px;
               height: 40px;
@@ -1562,11 +1583,13 @@ export default {
               border-radius: 8px;
               cursor: pointer;
               border: 1px solid #409eff;
+
               .wz {
                 margin-left: 10px;
               }
             }
           }
+
           .line {
             width: 100%;
             height: 40px;
@@ -1576,6 +1599,7 @@ export default {
             align-items: center;
             margin-top: 20px;
             border: 1px solid #c3e6fc;
+
             .inline {
               width: 95%;
               height: 100%;
@@ -1586,25 +1610,30 @@ export default {
                 height: 100%;
                 display: flex;
                 align-items: center;
+
                 .img {
                   width: 14px;
                   height: 15px;
                   background-image: url(../../assets/images/leveladd/gan.png);
                   background-size: 100% 100%;
                 }
+
                 .text {
                   color: #999ba3;
                 }
+
                 .text2 {
                   color: #4ea6ff;
                   margin-left: 5px;
                   margin-right: 5px;
                 }
+
                 .text3 {
                   color: #999ba3;
                   margin-left: 20px;
                 }
               }
+
               .right1 {
                 font-size: 14px;
                 font-weight: 400;
@@ -1616,9 +1645,11 @@ export default {
               }
             }
           }
+
           .chooseLeft {
             display: flex;
             justify-content: space-between;
+
             .boeTree {
               margin-right: 20px;
               // margin-top: 20px;
@@ -1651,6 +1682,7 @@ export default {
                 margin-bottom: 8px;
                 margin-top: 20px;
               }
+
               .treeMain {
                 width: 280px;
                 border-radius: 4px;
@@ -1660,45 +1692,56 @@ export default {
                 padding-top: 10px;
                 padding-left: 5px;
               }
+
               .ant-tree .ant-tree-node-content-wrapper {
                 flex-shrink: 0;
               }
+
               .ant-tree-indent-unit {
                 width: 5px;
               }
+
               .ant-tree
-                .ant-tree-node-content-wrapper-normal.ant-tree-node-selected {
+              .ant-tree-node-content-wrapper-normal.ant-tree-node-selected {
                 background-color: rgba(255, 255, 255, 0);
                 color: #409eff;
               }
+
               .ant-tree .ant-tree-node-selected {
                 background-color: rgba(255, 255, 255, 0);
                 // color:#409EFF;
               }
+
               //               .ant-tree .ant-tree-title{
               // background-color: pink;
               //               }
             }
+
             .tabb {
               .ant-table-thead > tr > th {
                 background-color: rgba(240, 246, 252, 1);
                 color: rgba(0, 0, 0, 0.85);
               }
+
               .ant-table-tbody > tr > td {
                 border-bottom: 1px solid #f0f6fc;
                 color: rgba(0, 0, 0, 0.65);
               }
+
               th.h {
                 background-color: #eff4fc !important;
               }
+
               .ant-table-tbody
-                > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
-                > td {
+              > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+              > td {
                 background: rgba(250, 250, 250, 1);
               }
+
               .ant-table-selection-column {
                 padding: 0 !important;
               }
+
               // table tr td.ant-table-selection-column {
               //   text-align: right;
               // }
@@ -1725,26 +1768,31 @@ export default {
               }
             }
           }
+
           .tab2 {
             display: flex;
             align-items: center;
             // margin-top: 10px;
             flex-wrap: wrap;
             justify-content: space-between;
+
             .nameinp {
               display: flex;
               align-items: center;
               margin-top: 10px;
+
               .namee {
                 color: rgba(0, 0, 0, 0.85);
                 font-size: 14px;
               }
             }
+
             .t1 {
               display: flex;
               align-items: center;
               margin-bottom: 5px;
             }
+
             .btns {
               display: flex;
               // margin-top: -10px;
@@ -1761,10 +1809,12 @@ export default {
                 border-radius: 8px;
                 border: 1px solid #409eff;
                 cursor: pointer;
+
                 .wz {
                   margin-left: 10px;
                 }
               }
+
               .btn2 {
                 width: 100px;
                 height: 40px;
@@ -1777,35 +1827,43 @@ export default {
                 border-radius: 8px;
                 cursor: pointer;
                 border: 1px solid #409eff;
+
                 .wz {
                   margin-left: 10px;
                 }
               }
             }
+
             .organize {
               color: rgba(0, 0, 0, 0.85);
               font-size: 14px;
               white-space: nowrap;
             }
+
             .ant-select-dropdown {
               min-width: 800px !important;
             }
+
             .ant-select {
               border-radius: 8px !important;
               // background-color: red;
             }
+
             .ant-cascader {
               width: 264px;
               height: 40px;
               border-radius: 8px !important;
+
               .ant-select-selector {
                 height: 100%;
               }
+
               .ant-select-selection-search-input {
                 height: 40px;
               }
             }
           }
+
           .boeTree {
             .boeTreeTitle {
               width: 280px;
@@ -1822,6 +1880,7 @@ export default {
               margin-bottom: 8px;
               margin-top: 20px;
             }
+
             .treeMain {
               width: 280px;
               border-radius: 4px;
@@ -1831,21 +1890,26 @@ export default {
               padding-top: 10px;
               padding-left: 5px;
             }
+
             .ant-tree .ant-tree-node-content-wrapper {
               flex-shrink: 0;
             }
+
             .ant-tree-indent-unit {
               width: 5px;
             }
+
             .ant-tree
-              .ant-tree-node-content-wrapper-normal.ant-tree-node-selected {
+            .ant-tree-node-content-wrapper-normal.ant-tree-node-selected {
               background-color: rgba(255, 255, 255, 0);
               color: #409eff;
             }
+
             .ant-tree .ant-tree-node-selected {
               background-color: rgba(255, 255, 255, 0);
               // color:#409EFF;
             }
+
             //               .ant-tree-switcher_open+ .ant-tree-checkbox{
             // display: none !important;
             //               }
@@ -1858,19 +1922,23 @@ export default {
           }
         }
       }
+
       .right {
         width: 320px;
         flex-shrink: 0;
         overflow-y: auto;
+
         .onerow {
           display: flex;
           justify-content: space-between;
           align-items: center;
           margin-right: 40px;
           flex-wrap: wrap;
+
           .onleft {
             display: flex;
             text-align: center;
+
             .already {
               color: rgba(51, 51, 51, 1);
               font-size: 16px;
@@ -1879,17 +1947,20 @@ export default {
               white-space: nowrap;
               // margin-bottom: 20px;
             }
+
             .count {
               color: #388be1;
               font-size: 16px;
               margin: 0 6px;
             }
+
             .peo {
               color: rgba(51, 51, 51, 1);
               font-size: 16px;
               font-weight: 500;
             }
           }
+
           .clbox {
             margin-left: 30px;
             display: flex;
@@ -1900,6 +1971,7 @@ export default {
             height: 32px;
             border-radius: 4px;
             background: #409eff;
+
             .colose {
               width: 16px;
               height: 16px;
@@ -1910,12 +1982,14 @@ export default {
               background-size: 100%;
               margin-right: 4px;
             }
+
             .allclear {
               color: rgba(255, 255, 255, 1);
               font-size: 14px;
             }
           }
         }
+
         .line {
           width: 90%;
           height: 1px;
@@ -1923,17 +1997,20 @@ export default {
           margin-left: 12px;
           margin-top: 20px;
         }
+
         .tit {
           font-size: 14px;
           font-weight: 500;
           margin-top: 12px;
           margin-left: 32px;
         }
+
         .selectedsBox {
           position: relative;
           // height: 160px;
           overflow: hidden;
         }
+
         .selecteds {
           display: flex;
           // flex-wrap:wrap;
@@ -1945,6 +2022,7 @@ export default {
           // height: 170px;
           // overflow: hidden;
           flex-shrink: 0;
+
           .chose {
             // width: 64px;
             padding-left: 10px;
@@ -1961,6 +2039,7 @@ export default {
             font-size: 12px;
             position: relative;
             flex-shrink: 0;
+
             .ch {
               position: absolute;
               width: 18px;
@@ -1973,6 +2052,7 @@ export default {
         }
       }
     }
+
     .btnn {
       height: 72px;
       width: 100%;
@@ -1984,6 +2064,7 @@ export default {
       align-items: center;
       justify-content: center;
       box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
       .btn1 {
         width: 100px;
         height: 40px;
@@ -1993,6 +2074,7 @@ export default {
         background-color: #fff;
         cursor: pointer;
       }
+
       .btn2 {
         cursor: pointer;
         width: 100px;
@@ -2006,43 +2088,55 @@ export default {
     }
   }
 }
+
 .changetreedropdown {
   width: 500px !important;
+
   .ant-select-tree-list-scrollbar {
     width: 5px !important;
+
     .ant-select-tree-list-scrollbar-thumb {
       background-color: #4ea6ff !important;
     }
   }
+
   .ant-select-tree-indent-unit {
     width: 7px !important;
   }
 }
+
 .changetreedropdownboe {
   width: 240px !important;
   border-radius: 5px;
   min-height: 600px !important;
+
   .ant-select-tree-list-scrollbar {
     width: 5px !important;
+
     .ant-select-tree-list-scrollbar-thumb {
       background-color: #4ea6ff !important;
     }
   }
+
   .ant-select-tree-indent-unit {
     width: 7px !important;
   }
 }
+
 .confirmAddOrg {
   .ant-modal {
     width: 424px !important;
     height: 258px !important;
+
     .ant-modal-content {
       width: 424px !important;
       height: 258px !important;
+
       .ant-modal-body {
         width: 424px !important;
         height: 258px !important;
         padding: 0 !important;
+
         .delete {
           z-index: 999;
           width: 424px;
@@ -2059,19 +2153,22 @@ export default {
             width: calc(100%);
             height: 68px;
             background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
+                    rgba(78, 166, 255, 0.2) 0%,
+                    rgba(78, 166, 255, 0) 100%
             );
           }
+
           .del_main {
             width: 100%;
             position: relative;
+
             .header {
               display: flex;
               align-items: center;
               padding-top: 20px;
               padding-left: 26px;
               font-size: 16px;
+
               .icon {
                 width: 16px;
                 height: 16px;
@@ -2079,6 +2176,7 @@ export default {
                 background-image: url(@/assets/images/taskpage/gan.png);
                 background-size: 100% 100%;
               }
+
               .close_exit {
                 position: absolute;
                 right: 42px;
@@ -2089,6 +2187,7 @@ export default {
                 background-size: 100% 100%;
               }
             }
+
             .body {
               width: 100%;
               margin: 34px auto 56px auto;
@@ -2098,6 +2197,7 @@ export default {
               flex-direction: column;
               // background-color: red;
               position: relative;
+
               .back {
                 position: absolute;
                 top: 30px;
@@ -2106,10 +2206,12 @@ export default {
                 color: #666666;
               }
             }
+
             .del_btnbox {
               display: flex;
               margin: 30px auto;
               justify-content: center;
+
               .del_btn {
                 width: 100px;
                 height: 40px;
@@ -2120,17 +2222,20 @@ export default {
                 justify-content: center;
                 flex-shrink: 0;
                 cursor: pointer;
+
                 .btnText {
                   font-size: 14px;
                   font-weight: 400;
                   line-height: 40px;
                 }
               }
+
               .btn1 {
                 border: 1px solid rgba(64, 158, 255, 1);
                 color: #4ea6ff;
                 margin-right: 14px;
               }
+
               .btn2 {
                 background-color: #4ea6ff;
                 color: #ffffff;
@@ -2140,6 +2245,7 @@ export default {
         }
       }
     }
+
     .ant-modal-close-x {
       display: none;
     }