Merge branch 'beta' into HK

src/components/easy2/studyStudent.vue

@@ -1508,7 +1508,7 @@
 
                       <div class="comment" style="min-width: 200px">
                         <div class="worksName">
-                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex,w.userid)">
                             {{ w.sName }}
                           </div>
                         </div>
@@ -2773,7 +2773,7 @@
 
                       <div class="comment" style="min-width: 200px">
                         <div class="worksName">
-                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex,w.userid)">
                             {{ w.sName }}
                           </div>
                         </div>
@@ -4170,7 +4170,7 @@
 
                       <div class="comment" style="min-width: 200px">
                         <div class="worksName">
-                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex,w.userid)">
                             {{ w.sName }}
                           </div>
                         </div>
@@ -6900,12 +6900,13 @@
                 placeholder="请输入学生名字"
                 style="margin-top: 10px"
               ></el-input> -->
-
-              <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
+              <div class="pl_select_box" @click="getUpdateMore(true, checkUpload(), item.username, index)">{{
+                getSName(item.username) }}</div>
+              <!-- <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
                 <el-option v-for="item1 in checkUpload" :key="item1.userid"
                   :label="item1.name ? item1.name : item1.username" :value="item1.userid">
                 </el-option>
-              </el-select>
+              </el-select> -->
 
               <div class="deleteWord" @click="clean2(index)">
                 <img src="../../assets/icon/deleteWorks.png" alt />
@@ -6930,14 +6931,16 @@
     </el-dialog>
     <el-dialog title="修改名称" :visible.sync="dialogVisibleSname" width="500px" :before-close="handleClose"
       class="dialog_diy" center>
-      <div style="text-align: center">
+      <div style="text-align: center;display: flex;align-items: center;justify-content: center;">
         <span class="tian1">名称</span>
-        <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
+        <div class="pl_select_box" style="margin-left:10px;width:200px"
+          @click="getUpdateMore(true, uploadStudentJuri, worksSid)">{{ getSName(worksSName) }}</div>
+        <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
           placeholder="请选择学生">
           <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
             :value="item.userid">
           </el-option>
-        </el-select>
+        </el-select> -->
         <!-- <el-input
           v-model="worksSName"
           style="width: 250px; margin: 15px 0px"
@@ -6950,6 +6953,8 @@
     </el-dialog>
     <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" :userid="userid" :id="id"
       :courseType="courseType" :taskCount="taskCount" :toolindex="toolindex"></interVideo>
+    <UpdateMore :dialogVisibleMember.sync="dialogVisibleMember" :cList="uploadStudentJuri" :userid="userid"
+      :searchTN="worksSName2" @setPlname="setPlname"></UpdateMore>
   </div>
 </template>
 
@@ -6973,6 +6978,7 @@ import ImgDraw from "../tools/imgDraw/imgDraw";
 import { Empty } from "element-ui";
 import RecordRTC from "recordrtc";
 import interVideo from "../interVideo/index.vue"
+import UpdateMore from "../updateMore/updateMore.vue";
 
 export default {
   components: {
@@ -6989,7 +6995,8 @@ export default {
     Audio,
     ImgDraw,
     Table,
-    interVideo
+    interVideo,
+    UpdateMore
   },
   data() {
     return {
@@ -7287,13 +7294,30 @@ export default {
       checktoolArray: [],
       vChapterData: [],
       isUpdateToolDetail: false,
-      updateToolDetailInner: ''
+      updateToolDetailInner: '',
+      plIndex: "",
+      worksSName2: "",
+      worksSid: "",
     };
   },
   methods: {
     jump() {
       window.parent.postMessage({ tools: "43" }, "*");
     },
+    getUpdateMore(f, checkboxList, searchTN, index) {
+      this.dialogVisibleMember = f;
+      this.checkboxList = checkboxList;
+      this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
+      this.plIndex = index;
+    },
+    setPlname(a) {
+      if (this.plworkFile.length) {
+        this.plworkFile[this.plIndex].username = a
+      } else {
+        this.worksSName = a
+      }
+      this.dialogVisibleMember = false
+    },
     previewImg(url) {
       this.$hevueImgPreview(url);
     },
@@ -7891,15 +7915,20 @@ export default {
           console.error(err);
         });
     },
-    selectUploadStudent() {
+    selectUploadStudent(type) {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.body,
+      });
       let params = {
-        cid: this.tcid ? this.tcid : this.courseDetail.juri,
+        cid: this.uploadCid,
         oid: this.oid,
-        cn: '',
+        cn: "",
       };
       this.ajax
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .then((res) => {
+          loading.close();
           var studentK = [];
           if (this.isWorksS[this.toolindex].length > 0) {
             for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
@@ -7908,10 +7937,23 @@ export default {
             studentK = studentK.join(",");
           }
           this.uploadStudentJuri = res.data[0].filter((el) => {
-            return studentK.indexOf(el.userid) == -1
+            return studentK.indexOf(el.userid) == -1;
           });
+          if (this.worksSName && this.worksSid) {
+            this.uploadStudentJuri.push({
+              userid: this.worksSid,
+              name: this.worksSName,
+            })
+          }
+          if(type == 1){
+            this.plworkFile = []
+            this.dialogVisibleSname = true;
+          }else if(type == 2){
+            this.dialogVisiblePl = true;
+          }
         })
         .catch((err) => {
+          loading.close();
           console.error(err);
         });
     },
@@ -11619,8 +11661,7 @@ export default {
           this.$message.error("提示：批量上传未添加班级权限，请添加班级或从班级入口进入。");
           return;
         }
-        this.selectUploadStudent();
-        this.dialogVisiblePl = true;
+        this.selectUploadStudent(2);
       } else if (t == 8) {
         if (this.libraryCount > 0) {
           this.updateCount(this.libraryCount, t);
@@ -12222,17 +12263,19 @@ export default {
       this.fulltype = type;
       this.fullUrl = url;
     },
-    openSname(n, id, i) {
+    openSname(n, id, i, uid) {
       this.snameWid = id;
       this.worksSName = n;
-      this.toolindex = i
-      this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri
+      this.worksSid = uid == n ? "" : uid;
+      this.toolindex = i;
+      this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
       if (!this.uploadCid) {
-        this.$message.error("提示：批量上传未添加班级权限，请添加班级或从班级入口进入。");
+        this.$message.error(
+          "提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
+        );
         return;
       }
-      this.selectUploadStudent()
-      this.dialogVisibleSname = true;
+      this.selectUploadStudent(1);
     },
     updateName() {
       let params = {
@@ -13020,6 +13063,18 @@ export default {
         });
         return a
       }
+    },
+    getSName() {
+      return function (name) {
+        var check = name;
+
+        this.uploadStudentJuri.forEach((el) => {
+          if (el.userid == check) {
+            check = el.name ? el.name : el.username
+          }
+        });
+        return check;
+      };
     }
   },
   mounted() {
@@ -16611,4 +16666,20 @@ ol {
   font-size: 14px;
   color: #868686;
 }
+
+.pl_select_box {
+  height: 40px;
+  line-height: 40px;
+  width: 100%;
+  cursor: pointer;
+  padding: 0 20px;
+  box-sizing: border-box;
+  border-radius: 5px;
+  border: 1px solid #d6d6d6;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: #fff;
+  text-align: left;
+}
 </style>

src/components/easy3/studyStudent.vue

@@ -1506,7 +1506,7 @@
 
                       <div class="comment" style="min-width: 200px">
                         <div class="worksName">
-                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex,w.userid)">
                             {{ w.sName }}
                           </div>
                         </div>
@@ -2771,7 +2771,7 @@
 
                       <div class="comment" style="min-width: 200px">
                         <div class="worksName">
-                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex,w.userid)">
                             {{ w.sName }}
                           </div>
                         </div>
@@ -4168,7 +4168,7 @@
 
                       <div class="comment" style="min-width: 200px">
                         <div class="worksName">
-                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex,w.userid)">
                             {{ w.sName }}
                           </div>
                         </div>
@@ -6898,12 +6898,13 @@
                 placeholder="请输入学生名字"
                 style="margin-top: 10px"
               ></el-input> -->
-
-              <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
+              <div class="pl_select_box" @click="getUpdateMore(true, checkUpload(), item.username, index)">{{
+                getSName(item.username) }}</div>
+              <!-- <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
                 <el-option v-for="item1 in checkUpload" :key="item1.userid"
                   :label="item1.name ? item1.name : item1.username" :value="item1.userid">
                 </el-option>
-              </el-select>
+              </el-select> -->
 
               <div class="deleteWord" @click="clean2(index)">
                 <img src="../../assets/icon/deleteWorks.png" alt />
@@ -6928,14 +6929,16 @@
     </el-dialog>
     <el-dialog title="修改名称" :visible.sync="dialogVisibleSname" width="500px" :before-close="handleClose"
       class="dialog_diy" center>
-      <div style="text-align: center">
+      <div style="text-align: center;display: flex;align-items: center;justify-content: center;">
         <span class="tian1">名称</span>
-        <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
+        <div class="pl_select_box" style="margin-left:10px;width:200px"
+          @click="getUpdateMore(true, uploadStudentJuri, worksSid)">{{ getSName(worksSName) }}</div>
+        <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
           placeholder="请选择学生">
           <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
             :value="item.userid">
           </el-option>
-        </el-select>
+        </el-select> -->
         <!-- <el-input
           v-model="worksSName"
           style="width: 250px; margin: 15px 0px"
@@ -6948,6 +6951,8 @@
     </el-dialog>
     <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" :userid="userid" :id="id"
       :courseType="courseType" :taskCount="taskCount" :toolindex="toolindex"></interVideo>
+    <UpdateMore :dialogVisibleMember.sync="dialogVisibleMember" :cList="uploadStudentJuri" :userid="userid"
+      :searchTN="worksSName2" @setPlname="setPlname"></UpdateMore>
   </div>
 </template>
 
@@ -6971,6 +6976,7 @@ import ImgDraw from "../tools/imgDraw/imgDraw";
 import { Empty } from "element-ui";
 import RecordRTC from "recordrtc";
 import interVideo from "../interVideo/index.vue"
+import UpdateMore from "../updateMore/updateMore.vue";
 
 export default {
   components: {
@@ -6987,7 +6993,8 @@ export default {
     Audio,
     ImgDraw,
     Table,
-    interVideo
+    interVideo,
+    UpdateMore
   },
   data() {
     return {
@@ -7285,13 +7292,30 @@ export default {
       checktoolArray: [],
       vChapterData: [],
       isUpdateToolDetail: false,
-      updateToolDetailInner: ''
+      updateToolDetailInner: '',
+      plIndex: "",
+      worksSName2: "",
+      worksSid: "",
     };
   },
   methods: {
     jump() {
       window.parent.postMessage({ tools: "43" }, "*");
     },
+    getUpdateMore(f, checkboxList, searchTN, index) {
+      this.dialogVisibleMember = f;
+      this.checkboxList = checkboxList;
+      this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
+      this.plIndex = index;
+    },
+    setPlname(a) {
+      if (this.plworkFile.length) {
+        this.plworkFile[this.plIndex].username = a
+      } else {
+        this.worksSName = a
+      }
+      this.dialogVisibleMember = false
+    },
     previewImg(url) {
       this.$hevueImgPreview(url);
     },
@@ -7889,15 +7913,20 @@ export default {
           console.error(err);
         });
     },
-    selectUploadStudent() {
+    selectUploadStudent(type) {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.body,
+      });
       let params = {
-        cid: this.tcid ? this.tcid : this.courseDetail.juri,
+        cid: this.uploadCid,
         oid: this.oid,
-        cn: '',
+        cn: "",
       };
       this.ajax
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .then((res) => {
+          loading.close();
           var studentK = [];
           if (this.isWorksS[this.toolindex].length > 0) {
             for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
@@ -7906,10 +7935,23 @@ export default {
             studentK = studentK.join(",");
           }
           this.uploadStudentJuri = res.data[0].filter((el) => {
-            return studentK.indexOf(el.userid) == -1
+            return studentK.indexOf(el.userid) == -1;
           });
+          if (this.worksSName && this.worksSid) {
+            this.uploadStudentJuri.push({
+              userid: this.worksSid,
+              name: this.worksSName,
+            })
+          }
+          if(type == 1){
+            this.plworkFile = []
+            this.dialogVisibleSname = true;
+          }else if(type == 2){
+            this.dialogVisiblePl = true;
+          }
         })
         .catch((err) => {
+          loading.close();
           console.error(err);
         });
     },
@@ -11477,8 +11519,7 @@ export default {
           this.$message.error("提示：批量上传未添加班级权限，请添加班级或从班级入口进入。");
           return;
         }
-        this.selectUploadStudent();
-        this.dialogVisiblePl = true;
+        this.selectUploadStudent(2);
       } else if (t == 8) {
         if (this.libraryCount > 0) {
           this.updateCount(this.libraryCount, t);
@@ -12080,17 +12121,19 @@ export default {
       this.fulltype = type;
       this.fullUrl = url;
     },
-    openSname(n, id, i) {
+    openSname(n, id, i, uid) {
       this.snameWid = id;
       this.worksSName = n;
-      this.toolindex = i
-      this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri
+      this.worksSid = uid == n ? "" : uid;
+      this.toolindex = i;
+      this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
       if (!this.uploadCid) {
-        this.$message.error("提示：批量上传未添加班级权限，请添加班级或从班级入口进入。");
+        this.$message.error(
+          "提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
+        );
         return;
       }
-      this.selectUploadStudent()
-      this.dialogVisibleSname = true;
+      this.selectUploadStudent(1);
     },
     updateName() {
       let params = {
@@ -12878,6 +12921,18 @@ export default {
         });
         return a
       }
+    },
+    getSName() {
+      return function (name) {
+        var check = name;
+
+        this.uploadStudentJuri.forEach((el) => {
+          if (el.userid == check) {
+            check = el.name ? el.name : el.username
+          }
+        });
+        return check;
+      };
     }
   },
   mounted() {
@@ -16471,4 +16526,20 @@ ol {
   font-size: 14px;
   color: #868686;
 }
+
+.pl_select_box {
+  height: 40px;
+  line-height: 40px;
+  width: 100%;
+  cursor: pointer;
+  padding: 0 20px;
+  box-sizing: border-box;
+  border-radius: 5px;
+  border: 1px solid #d6d6d6;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: #fff;
+  text-align: left;
+}
 </style>

src/components/studyStudent.vue

@@ -136,7 +136,7 @@
             .taskJson"
         :key="index"-->
         <div class="isNoMessage" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
-          .chapterData.length == 0 &&
+            .chapterData.length == 0 &&
           chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
             .toolChoose[0].tool.length == 0 &&
           chapInfoList[courseType].chapterInfo[0].video.length == 0 &&
@@ -175,25 +175,27 @@
                       line-height: 29px;
                       font-size: 18px;
                     " class="cont" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[
-                      taskCount
-                    ].taskDetail != ''
+                        taskCount
+                      ].taskDetail != ''
                       " v-html="chapInfoList[courseType].chapterInfo[0].taskJson[
-    taskCount
-  ].taskDetail
-    ? chapInfoList[courseType].chapterInfo[0].taskJson[
       taskCount
     ].taskDetail
-    : '暂无描述'
+      ? chapInfoList[courseType].chapterInfo[0].taskJson[
+        taskCount
+      ].taskDetail
+      : '暂无描述'
     "></div>
                 </div>
               </div>
               <div class="vedioTaskBox">
                 <div :class="contentDialog == false
-                  ? 'box_course isContentCss'
-                  : 'box_course'
-                  " v-if="vChapterData.length > 0 && vChapterData[taskCount] && showType !== ''">
-                  <div class="wheel" style="height: auto;" v-if="showType === 0
-                    ">
+                    ? 'box_course isContentCss'
+                    : 'box_course'
+                  " v-if="vChapterData.length > 0 &&
+    vChapterData[taskCount] &&
+    showType !== ''
+    ">
+                  <div class="wheel" style="height: auto" v-if="showType === 0">
                     <div class="workd_media" style="height: 650px; width: calc(100% - 50px)">
                       <video-player class="video-player vjs-custom-skin"
                         :class="contentDialog == false ? 'isAllWidth' : ''" :playsinline="true"
@@ -202,11 +204,11 @@
                     </div>
                   </div>
                   <div class="wheel" v-if="showType == 1" style="
-                                                          box-shadow: 0 0 6px 1px #f2f2f2;
-                                                          width: 95%;
-                                                          margin: 0 auto;
-                                                          background: #f1f1f1;
-                                                        ">
+                      box-shadow: 0 0 6px 1px #f2f2f2;
+                      width: 95%;
+                      margin: 0 auto;
+                      background: #f1f1f1;
+                    ">
                     <div class="title">查看文档</div>
                     <el-form class="textBox">
                       <el-form-item class="textTitle">
@@ -218,9 +220,10 @@
                       <div v-html="text.url" class="textContent cont"></div>
                     </el-form>
                   </div>
-                  <div class="wheel"
-                    v-if="pptImgUrl1.indexOf('https://view.officeapps.live.com/op/view.aspx?src=') != -1 && showType == 2"
-                    style="width: 95%; margin: 0 auto">
+                  <div class="wheel" v-if="pptImgUrl1.indexOf(
+                    'https://view.officeapps.live.com/op/view.aspx?src='
+                  ) != -1 && showType == 2
+                    " style="width: 95%; margin: 0 auto">
                     <iframe style="width: 100%; height: 100%; border: none" :src="pptImgUrl1"></iframe>
                   </div>
                   <div class="wheel" v-else-if="showType == 2" style="width: 95%; margin: 0 auto">
@@ -232,24 +235,26 @@
                     <pdf :pdfUrl="pptImgUrl1" style="width: 100%; height: 100%; overflow: auto"></pdf>
                   </div>
                   <div class="wheel" v-if="showType == 4" style="width: 95%; margin: 0 auto">
-                    <el-image :src="pptImgUrl1" fit="contain" style="width: 100%;height:100%;cursor: pointer;" @click="previewImg(pptImgUrl1)"></el-image>
+                    <el-image :src="pptImgUrl1" fit="contain" style="width: 100%; height: 100%; cursor: pointer"
+                      @click="previewImg(pptImgUrl1)"></el-image>
                   </div>
                 </div>
                 <div class="pButton" style="
-                                                        position: absolute;
-                                                        right: 20px;
-                                                        top: 0;
-                                                        background: #205cc6;
-                                                        z-index: 998;
-                                                        opacity: .8;
-                                                      " v-if="!contentDialog" @click="setContent(true)">
+                    position: absolute;
+                    right: 20px;
+                    top: 0;
+                    background: #205cc6;
+                    z-index: 998;
+                    opacity: 0.8;
+                  " v-if="!contentDialog" @click="setContent(true)">
                   <!-- 批 -->
                   <img src="../assets/navBtn2.png" style="width: 25px" alt="" />
                 </div>
                 <div v-if="contentDialog == true" :style="{
                   width: ((vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0) && showType === '') ? 'calc(100%)' : 'calc(100% - 83%)', margin: ((vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0) && showType === '') ? '0 15px' : '0 15px 0 0'
                 }">
-                  <div class="vedioList" v-if="vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0" style="height: 650px">
+                  <div class="vedioList" v-if="vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0"
+                    style="height: 650px">
                     <div class="navCorOpenBox">
                       <div class="navTitile">内容列表：</div>
                       <div class="navCorOpen" @click="setContent(false)">
@@ -257,7 +262,7 @@
                       </div>
                     </div>
                     <div class="navBox">
-                      <div v-show="vChapterData[taskCount].length > 0  || fileC[taskCount].length > 0
+                      <div v-show="vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0
                         ">
                         <div class="vedioTimeBox" v-for="(vitem, vindex) in vChapterData[taskCount]" :key="vindex + '1'">
                           <div @click="lookVedio(vitem.url, vindex)" v-if="vitem.type == 2" class="vedioName" :class="isClickNav == vindex
@@ -278,18 +283,12 @@
                             </div>
                           </div>
                           <div style="width: calc(100% - 0px)" @click="doUrl(vitem.url, vindex)" v-if="vitem.type == 8">
-                            <div class="navText" :class="isClickNav == vindex
-                              ? 'isClickNav'
-                              : ''
-                              ">
+                            <div class="navText" :class="isClickNav == vindex ? 'isClickNav' : ''">
                               {{ vitem.title ? vitem.title : vitem.url }}
                             </div>
                           </div>
                           <div style="width: calc(100% - 0px)" @click="downFile(vitem, vindex)" v-if="vitem.type == 3">
-                            <div class="navText" :class="isClickNav == vindex
-                              ? 'isClickNav'
-                              : ''
-                              ">
+                            <div class="navText" :class="isClickNav == vindex ? 'isClickNav' : ''">
                               <span v-if="vitem.text">{{ vitem.text }}-</span>{{ vitem.name }}
                             </div>
                           </div>
@@ -299,10 +298,7 @@
                             </div>
                           </div>
                           <div style="width: calc(100% - 0px)" @click="checkPhoto(vitem, vindex)" v-if="vitem.type == 13">
-                            <div class="navText" :class="isClickNav == vindex
-                              ? 'isClickNav'
-                              : ''
-                              ">
+                            <div class="navText" :class="isClickNav == vindex ? 'isClickNav' : ''">
                               {{ vitem.name }}
                             </div>
                           </div>
@@ -326,9 +322,11 @@
                 <div style="padding: 10px 0 0; width: 95%; margin: 0 auto" v-if="showType == 2 || showType == 3">
                   <el-button type="primary" @click="checkFileFull(showType, pptImgUrl1)">全屏查看</el-button>
                   <el-button type="primary" @click="downloadFile(pptImgUrl1)" v-if="showType != 2">文件下载</el-button>
-                  <el-button
-                    v-if="showType == 2 && pptImgUrl1.indexOf('https://view.officeapps.live.com/op/view.aspx?src=') == -1"
-                    type="primary" @click="openLine(pptImgUrl1)">打开链接
+                  <el-button v-if="showType == 2 &&
+                    pptImgUrl1.indexOf(
+                      'https://view.officeapps.live.com/op/view.aspx?src='
+                    ) == -1
+                    " type="primary" @click="openLine(pptImgUrl1)">打开链接
                   </el-button>
                 </div>
                 <div style="padding: 10px 0 0; width: 95%; margin: 0 auto" v-if="showType == 1">
@@ -367,7 +365,7 @@
               <div class="upFile" v-if="type == 3">提交</div>
             </div>-->
             <div class="vedioBox" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
-              .toolChoose[0].tool &&
+                .toolChoose[0].tool &&
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
                 .toolChoose[0].tool.length &&
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
@@ -804,8 +802,9 @@
                         " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
                         <div class="workImg">
                           <img :src="word2" @click="downloadFile(w.works)" v-if="w.type == 12" alt />
-                          <img :src="word2" @click="openCocoPi(57, toolIndex, w.userid, w.sName)" v-else-if="w.type == 15"
-                            alt />
+                          <img :src="word2" @click="
+                            openCocoPi(57, toolIndex, w.userid, w.sName)
+                            " v-else-if="w.type == 15" alt />
                           <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
                             rightW:
                               w.userid == userid || tType == 1 || tType == 4,
@@ -1589,8 +1588,9 @@
                           : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
                         <div class="workImg">
                           <img :src="word2" @click="downloadFile(w.works)" v-if="w.type == 12" alt />
-                          <img :src="word2" @click="openCocoPi(57, toolIndex, w.userid, w.sName)" v-else-if="w.type == 15"
-                            alt />
+                          <img :src="word2" @click="
+                            openCocoPi(57, toolIndex, w.userid, w.sName)
+                            " v-else-if="w.type == 15" alt />
                           <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
                             rightW:
                               w.userid == userid ||
@@ -1751,7 +1751,7 @@
 
                         <div class="comment" style="min-width: 200px">
                           <div class="worksName">
-                            <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
+                            <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex, w.userid)">
                               {{ w.sName }}
                             </div>
                           </div>
@@ -3633,7 +3633,7 @@
               </div>
             </div>
             <div class="vedioBox" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
-              .eList &&
+                .eList &&
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
                 .eList.length &&
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
@@ -4375,8 +4375,14 @@
           <img src="../assets/icon/codeFile.png" />
           <div>点击下载文件</div>
         </div>
-        <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 15"
-          @click="openCocoPi(57, commentIndexJson.toolIndex, commentDetail.userid, commentDetail.sName)">
+        <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 15" @click="
+          openCocoPi(
+            57,
+            commentIndexJson.toolIndex,
+            commentDetail.userid,
+            commentDetail.sName
+          )
+          ">
           <img src="../assets/icon/codeFile.png" />
           <div>点击打开CocoPi</div>
         </div>
@@ -4761,8 +4767,14 @@
           <img src="../assets/icon/codeFile.png" />
           <div>点击下载文件</div>
         </div>
-        <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 15"
-          @click="openCocoPi(57, commentIndexJson.toolIndex, commentDetail.userid, commentDetail.sName)">
+        <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 15" @click="
+          openCocoPi(
+            57,
+            commentIndexJson.toolIndex,
+            commentDetail.userid,
+            commentDetail.sName
+          )
+          ">
           <img src="../assets/icon/codeFile.png" />
           <div>点击打开CocoPi</div>
         </div>
@@ -5528,12 +5540,23 @@
                 placeholder="请输入学生名字"
                 style="margin-top: 10px"
               ></el-input> -->
-
-              <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
-                <el-option v-for="item1 in checkUpload()" :key="item1.userid"
-                  :label="item1.name ? item1.name : item1.username" :value="item1.userid">
+              <div class="pl_select_box" @click="getUpdateMore(true, checkUpload(), item.username, index)">{{
+                getSName(item.username) }}</div>
+              <!-- <el-select
+                style="margin-top: 10px"
+                v-model="item.username"
+                filterable
+                allow-create
+                placeholder="请选择学生"
+              >
+                <el-option
+                  v-for="item1 in checkUpload()"
+                  :key="item1.userid"
+                  :label="item1.name ? item1.name : item1.username"
+                  :value="item1.userid"
+                >
                 </el-option>
-              </el-select>
+              </el-select> -->
 
               <div class="deleteWord" @click="clean2(index)">
                 <img src="../assets/icon/deleteWorks.png" alt />
@@ -5558,14 +5581,16 @@
     </el-dialog>
     <el-dialog title="修改名称" :visible.sync="dialogVisibleSname" width="500px" :before-close="handleClose"
       class="dialog_diy" center>
-      <div style="text-align: center">
+      <div style="text-align: center;display: flex;align-items: center;justify-content: center;">
         <span class="tian1">名称</span>
-        <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
+        <div class="pl_select_box" style="margin-left:10px;width:200px"
+          @click="getUpdateMore(true, uploadStudentJuri, worksSid)">{{ getSName(worksSName) }}</div>
+        <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
           placeholder="请选择学生">
           <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
             :value="item.userid">
           </el-option>
-        </el-select>
+        </el-select> -->
         <!-- <el-input
           v-model="worksSName"
           style="width: 250px; margin: 15px 0px"
@@ -5578,6 +5603,8 @@
     </el-dialog>
     <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" :userid="userid" :id="id"
       :courseType="courseType" :taskCount="taskCount" :toolindex="toolindex"></interVideo>
+    <UpdateMore :dialogVisibleMember.sync="dialogVisibleMember" :cList="uploadStudentJuri" :userid="userid"
+      :searchTN="worksSName2" @setPlname="setPlname"></UpdateMore>
   </div>
 </template>
 
@@ -5601,6 +5628,7 @@ import ImgDraw from "./tools/imgDraw/imgDraw";
 import { Empty } from "element-ui";
 import RecordRTC from "recordrtc";
 import interVideo from "./interVideo/index.vue";
+import UpdateMore from "./updateMore/updateMore.vue";
 
 export default {
   components: {
@@ -5618,6 +5646,7 @@ export default {
     ImgDraw,
     Table,
     interVideo,
+    UpdateMore,
   },
   data() {
     return {
@@ -5626,6 +5655,7 @@ export default {
       dialogVisible: false,
       dialogVisiblePl: false,
       commentDialogVisible: false,
+      dialogVisibleMember: false,
       videoVisible: false,
       isStar: false,
       studentEvalDialogVisible: false,
@@ -5910,12 +5940,30 @@ export default {
       isGroup: false,
       videoJson: {},
       vChapterData: [],
+      checkboxList: [],
+      plIndex: "",
+      worksSName2: "",
+      worksSid: "",
     };
   },
   methods: {
     jump() {
       window.parent.postMessage({ tools: "43" }, "*");
     },
+    getUpdateMore(f, checkboxList, searchTN, index) {
+      this.dialogVisibleMember = f;
+      this.checkboxList = checkboxList;
+      this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
+      this.plIndex = index;
+    },
+    setPlname(a) {
+      if (this.plworkFile.length) {
+        this.plworkFile[this.plIndex].username = a
+      } else {
+        this.worksSName = a
+      }
+      this.dialogVisibleMember = false
+    },
     previewImg(url) {
       this.$hevueImgPreview(url);
     },
@@ -6552,7 +6600,11 @@ export default {
           console.error(err);
         });
     },
-    selectUploadStudent() {
+    selectUploadStudent(type) {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.body,
+      });
       let params = {
         cid: this.uploadCid,
         oid: this.oid,
@@ -6561,6 +6613,7 @@ export default {
       this.ajax
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .then((res) => {
+          loading.close();
           var studentK = [];
           if (this.isWorksS[this.toolindex].length > 0) {
             for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
@@ -6571,8 +6624,21 @@ export default {
           this.uploadStudentJuri = res.data[0].filter((el) => {
             return studentK.indexOf(el.userid) == -1;
           });
+          if (this.worksSName && this.worksSid) {
+            this.uploadStudentJuri.push({
+              userid: this.worksSid,
+              name: this.worksSName,
+            })
+          }
+          if(type == 1){
+            this.plworkFile = []
+            this.dialogVisibleSname = true;
+          }else if(type == 2){
+            this.dialogVisiblePl = true;
+          }
         })
         .catch((err) => {
+          loading.close();
           console.error(err);
         });
     },
@@ -8111,7 +8177,11 @@ export default {
                     commentJson: commentJson,
                   });
                   this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
-                } else if (a[i].tool[0] == 57 && b[j].atool == 57 && b[j].type == 12) {
+                } else if (
+                  a[i].tool[0] == 57 &&
+                  b[j].atool == 57 &&
+                  b[j].type == 12
+                ) {
                   _worksStudent[i].push({
                     userid: b[j].userid,
                     ateacher: b[j].ateacher,
@@ -8128,7 +8198,11 @@ export default {
                     commentJson: commentJson,
                   });
                   this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
-                } else if (a[i].tool[0] == 57 && b[j].atool == 57 && b[j].type == 15) {
+                } else if (
+                  a[i].tool[0] == 57 &&
+                  b[j].atool == 57 &&
+                  b[j].type == 15
+                ) {
                   _worksStudent[i].push({
                     userid: b[j].userid,
                     ateacher: b[j].ateacher,
@@ -9199,7 +9273,7 @@ export default {
               "MP3",
             ];
 
-            let _chapterData = []
+            let _chapterData = [];
 
             for (var i = 0; i < a.length; i++) {
               var c = a[i].chapterData;
@@ -9285,16 +9359,11 @@ export default {
               _chapterData[this.taskCount].length &&
               _chapterData[this.taskCount][0].type == 2
             ) {
-              this.showType = 0
+              this.showType = 0;
             } else {
-              if (
-                _chapterData[this.taskCount].length > 0
-              ) {
-                let _url =
-                  _chapterData[this.taskCount][0].url;
-                if (
-                  _chapterData[this.taskCount][0].type == 8
-                ) {
+              if (_chapterData[this.taskCount].length > 0) {
+                let _url = _chapterData[this.taskCount][0].url;
+                if (_chapterData[this.taskCount][0].type == 8) {
                   this.showType = 2;
                   if (
                     _url.indexOf("https://") == -1 &&
@@ -9303,9 +9372,7 @@ export default {
                     _url = "https://" + _url;
                   }
                   this.pptImgUrl1 = _url;
-                } else if (
-                  _chapterData[this.taskCount][0].type == 3
-                ) {
+                } else if (_chapterData[this.taskCount][0].type == 3) {
                   if (
                     _url
                       .split(".")
@@ -9322,32 +9389,31 @@ export default {
                   ) {
                     this.showType = 4;
                     this.pptImgUrl1 = _url;
-                  }else {
+                  } else {
                     this.showType = 2;
                     this.pptImgUrl1 =
                       "https://view.officeapps.live.com/op/view.aspx?src=" +
                       _url;
                   }
-                } else if (
-                    _chapterData[this.taskCount][0].type == 13
-                  ) {
-                    this.showType = 4;
-                    this.pptImgUrl1 = _url;
-                  }  else if (
-                  _chapterData[this.taskCount][0].type == 6
-                ) {
+                } else if (_chapterData[this.taskCount][0].type == 13) {
+                  this.showType = 4;
+                  this.pptImgUrl1 = _url;
+                } else if (_chapterData[this.taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[this.taskCount][0];
                 }
               }
             }
             this.isClickNav = 0;
-            if (!_chapterData[this.taskCount].length || _chapterData[this.taskCount][0].type == 12) {
-              this.isClickNav = '';
-              this.showType = ''
+            if (
+              !_chapterData[this.taskCount].length ||
+              _chapterData[this.taskCount][0].type == 12
+            ) {
+              this.isClickNav = "";
+              this.showType = "";
             }
 
-            this.vChapterData = _chapterData
+            this.vChapterData = _chapterData;
           } else {
             this.showType = 0;
             var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
@@ -9385,7 +9451,7 @@ export default {
               "OGM",
               "MP3",
             ];
-            let _chapterData = []
+            let _chapterData = [];
 
             for (var i = 0; i < a.length; i++) {
               var c = a[i].chapterData;
@@ -9408,7 +9474,7 @@ export default {
                   this.lineList[i].push(c[j]);
                 } else if (c[j].type == 6) {
                   this.textList[i].push(c[j]);
-                }else {
+                } else {
                   if (
                     b.indexOf(
                       c[j].url
@@ -9431,16 +9497,11 @@ export default {
               _chapterData[this.taskCount].length &&
               _chapterData[this.taskCount][0].type == 2
             ) {
-              this.showType = 0
+              this.showType = 0;
             } else {
-              if (
-                _chapterData[this.taskCount].length > 0
-              ) {
-                let _url =
-                  _chapterData[this.taskCount][0].url;
-                if (
-                  _chapterData[this.taskCount][0].type == 8
-                ) {
+              if (_chapterData[this.taskCount].length > 0) {
+                let _url = _chapterData[this.taskCount][0].url;
+                if (_chapterData[this.taskCount][0].type == 8) {
                   this.showType = 2;
                   if (
                     _url.indexOf("https://") == -1 &&
@@ -9449,9 +9510,7 @@ export default {
                     _url = "https://" + _url;
                   }
                   this.pptImgUrl1 = _url;
-                } else if (
-                  _chapterData[this.taskCount][0].type == 3
-                ) {
+                } else if (_chapterData[this.taskCount][0].type == 3) {
                   if (
                     _url
                       .split(".")
@@ -9468,32 +9527,31 @@ export default {
                   ) {
                     this.showType = 4;
                     this.pptImgUrl1 = _url;
-                  }else {
+                  } else {
                     this.showType = 2;
                     this.pptImgUrl1 =
                       "https://view.officeapps.live.com/op/view.aspx?src=" +
                       _url;
                   }
-                } else if (
-                    _chapterData[this.taskCount][0].type == 13
-                  ) {
-                    this.showType = 4;
-                    this.pptImgUrl1 = _url;
-                  }  else if (
-                  _chapterData[this.taskCount][0].type == 6
-                ) {
+                } else if (_chapterData[this.taskCount][0].type == 13) {
+                  this.showType = 4;
+                  this.pptImgUrl1 = _url;
+                } else if (_chapterData[this.taskCount][0].type == 6) {
                   this.showType = 1;
                   this.text = this.textList[this.taskCount][0];
                 }
               }
             }
             this.isClickNav = 0;
-            if (!_chapterData[this.taskCount].length || _chapterData[this.taskCount][0].type == 12) {
-              this.isClickNav = '';
-              this.showType = ''
+            if (
+              !_chapterData[this.taskCount].length ||
+              _chapterData[this.taskCount][0].type == 12
+            ) {
+              this.isClickNav = "";
+              this.showType = "";
             }
 
-            this.vChapterData = _chapterData
+            this.vChapterData = _chapterData;
             this.$forceUpdate();
           }
           //  else {
@@ -9592,7 +9650,7 @@ export default {
                 el.works = [];
                 return el;
               });
-              if(courseGroup.isopen == 2){
+              if (courseGroup.isopen == 2) {
                 this.isGroup = false;
                 this.selectSWorks(gindex);
                 return;
@@ -9617,9 +9675,9 @@ export default {
               this.courseGroupStudent = courseGroupStudent;
               this.courseGroupStudentUid = courseGroupStudentUid;
             }
-            if(this.courseGroup.isopen == 2){
+            if (this.courseGroup.isopen == 2) {
               this.isGroup = false;
-            }else{
+            } else {
               this.isGroup = true;
             }
             this.selectSWorks(gindex);
@@ -10120,7 +10178,7 @@ export default {
       this.isClickNav = i;
       this.$forceUpdate();
     },
-    checkPhoto(f, i){
+    checkPhoto(f, i) {
       this.showType = 4;
       this.pptImgUrl1 = f.url;
       this.isClickNav = i;
@@ -10723,15 +10781,16 @@ export default {
         this.plworkFile = [];
         this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
         if (!this.uploadCid) {
-          this.$message.error("提示：批量上传未添加班级权限，请添加班级或从班级入口进入。");
+          this.$message.error(
+            "提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
+          );
           return;
         }
         // this.uploadCid =
         //   this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
         //     index
         //   ].toolChoose[i].uploadJson[0];
-        this.selectUploadStudent();
-        this.dialogVisiblePl = true;
+        this.selectUploadStudent(2);
       } else if (t == 8) {
         if (this.libraryCount > 0) {
           this.updateCount(this.libraryCount, t);
@@ -11206,7 +11265,7 @@ export default {
       let student = {
         userid: uid,
         student: uname,
-      }
+      };
       if (tool == 57) {
         window.parent.postMessage(
           {
@@ -11351,17 +11410,19 @@ export default {
       this.fulltype = type;
       this.fullUrl = url;
     },
-    openSname(n, id, i) {
+    openSname(n, id, i, uid) {
       this.snameWid = id;
       this.worksSName = n;
+      this.worksSid = uid == n ? "" : uid;
       this.toolindex = i;
       this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
       if (!this.uploadCid) {
-        this.$message.error("提示：批量上传未添加班级权限，请添加班级或从班级入口进入。");
+        this.$message.error(
+          "提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
+        );
         return;
       }
-      this.selectUploadStudent();
-      this.dialogVisibleSname = true;
+      this.selectUploadStudent(1);
     },
     updateName() {
       let params = {
@@ -12004,6 +12065,18 @@ export default {
         return a;
       };
     },
+    getSName() {
+      return function (name) {
+        var check = name;
+
+        this.uploadStudentJuri.forEach((el) => {
+          if (el.userid == check) {
+            check = el.name ? el.name : el.username
+          }
+        });
+        return check;
+      };
+    }
   },
   mounted() {
     if (this.screenType == 2) {
@@ -15399,10 +15472,27 @@ ol {
 }
 
 
-.fileC_box > .fileC_title{
+.fileC_box>.fileC_title {
   padding: 10px 5px;
   border-top: 1px solid #cdcdcd;
   font-size: 14px;
   color: #868686;
 }
+
+
+.pl_select_box {
+  height: 40px;
+  line-height: 40px;
+  width: 100%;
+  cursor: pointer;
+  padding: 0 20px;
+  box-sizing: border-box;
+  border-radius: 5px;
+  border: 1px solid #d6d6d6;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: #fff;
+  text-align: left;
+}
 </style>

src/components/updateMore/updateMore.vue

@@ -0,0 +1,215 @@
+<template>
+  <el-dialog title="添加学生" :visible.sync="dialogVisibleMember" :append-to-body="true" width="540px" height="80%"
+    :before-close="handleClose" class="addNewPP">
+    <div class="people" v-if="dialogVisibleMember">
+      <div class="people_top">
+        <div class="people_top_right">
+          <div class="people_search">
+            <el-input placeholder="填写自定义姓名" v-model="name" @change="nameChange"></el-input>
+          </div>
+        </div>
+        <div class="people_nav">选择学生</div>
+      </div>
+      <div class="i_box_login2" v-if="cList.length">
+        <div :class="{ active: cname == item.userid }" v-for="(item, index) in cList" :key="index"
+          :label="item.userid" @click="addGroupUser(item.userid)">
+          <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
+            <span>{{ item.name ? item.name : "暂无姓名" }}</span>
+          </el-tooltip>
+        </div>
+      </div>
+      <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
+    </div>
+
+    <span slot="footer" class="dialog-footer">
+        <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="joinUpMore">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: ["dialogVisibleMember", "cList", "userid", "searchTN"],
+  data() {
+    return {
+      checkboxList: [],
+      name:"",
+      cname:""
+    };
+  },
+  watch:{
+    dialogVisibleMember(n){
+      if(n){
+        let a = JSON.parse(JSON.stringify(this.searchTN))
+        let type = 1
+        this.cList.forEach(e => {
+          if(e.userid == a){
+            type = 2
+            this.cname = e.userid
+            this.name = ""
+          }
+        })
+        if(type == 1){
+          this.name = a;
+          this.cname = ""
+        }
+      }
+    }
+  },
+  methods: {
+    handleClose(done) {
+      this.close()
+      done();
+    },
+    nameChange(){
+      this.cname = ""
+    },
+    addGroupUser(uid) {
+      this.cname = uid
+      this.name = "";
+    },
+    close(){
+      this.$emit("update:dialogVisibleMember",false)
+    },
+    joinUpMore() {
+      if(!this.cname && !this.name){
+        this.$message.error("请选择一个学生或者填写自定义姓名")
+      }
+      let a = this.name ? this.name : this.cname
+      this.$emit("setPlname",a)
+    },
+  },
+  mounted () {
+    let a = JSON.parse(JSON.stringify(this.searchTN))
+    let type = 1
+    this.cList.forEach(e => {
+      if(e.userid == a){
+        type = 2
+        this.cname = e.userid
+      }
+    })
+    if(type == 1){
+      this.name = a;
+    }
+  },
+};
+</script>
+
+<style scoped>
+.dialog_diy>>>.el-dialog__body {
+  padding: 0 30px !important;
+}
+
+.dialog_diy>>>.el-dialog {
+  margin-top: 10vh !important;
+}
+
+.dialog_diy>>>.el-dialog__header {
+  background: #454545 !important;
+  padding: 15px 20px;
+}
+
+.dialog_diy>>>.el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy>>>.el-dialog__body,
+.dialog_diy>>>.el-dialog__footer {
+  background: #fafafa;
+}
+
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+}
+
+.people_top {
+  display: flex;
+  width: 100%;
+  /* justify-content: space-between; */
+  /* align-items: center; */
+  flex-direction: column;
+  padding: 10px 25px 0;
+  box-sizing: border-box;
+}
+
+.people_nav,
+.people_top_right {
+  /* padding: 20px 0 0 20px; */
+}
+
+.people_top_right {
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.people_search {
+  display: flex;
+  position: relative;
+}
+
+.people_search>>>.el-input__inner {
+  /* height: 25px; */
+  width: 100%;
+}
+
+.i_box_login2 {
+  height: calc(100% - 80px);
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  overflow: auto;
+  padding-bottom: 10px;
+  box-sizing: border-box;
+  align-content: flex-start;
+  padding: 10px 25px 0;
+}
+
+.i_box_login2>div {
+  cursor: pointer;
+  width: 80px;
+  text-align: center;
+  height: 30px;
+  line-height: 30px;
+  padding: 0 5px;
+  overflow: hidden;
+  background: rgb(225, 237, 255);
+  margin: 10px calc((100% - (80px * 5)) / 4) 0 0;
+  color: rgb(37 124 255);
+  border-radius: 5px;
+  box-sizing: border-box;
+}
+
+.i_box_login2>div:nth-child(5n) {
+  margin: 10px 0 0 0;
+}
+
+.i_box_login2>.active {
+  background: rgb(92, 157, 255);
+  color: #fff;
+}
+
+.i_box_login2>div>span {
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+}
+</style>