修改状态

src/views/liveClassManager/index.vue

@@ -7,7 +7,10 @@
     </h2>
     <div class="m-core">
       <auth auths="imLiveBroadcastRoom/add">
-        <el-button @click="newLiveClass" type="primary" style="margin-bottom: 20px"
+        <el-button
+          @click="newLiveClass"
+          type="primary"
+          style="margin-bottom: 20px"
           >新建直播课</el-button
         >
       </auth>
@@ -23,7 +26,7 @@
             v-model.trim="searchForm.search"
             clearable
             @keyup.enter.native="
-              (e) => {
+              e => {
                 e.target.blur();
                 $refs.searchForm.save();
                 search();
@@ -33,13 +36,21 @@
           ></el-input>
         </el-form-item>
         <el-form-item prop="popularize">
-          <el-select placeholder="是否推广" v-model="searchForm.popularize" clearable>
+          <el-select
+            placeholder="是否推广"
+            v-model="searchForm.popularize"
+            clearable
+          >
             <el-option label="否" value="0"></el-option>
             <el-option label="是" value="1"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item prop="liveState">
-          <el-select placeholder="直播状态" v-model="searchForm.liveState" clearable>
+          <el-select
+            placeholder="直播状态"
+            v-model="searchForm.liveState"
+            clearable
+          >
             <el-option label="未开始" value="0"></el-option>
             <el-option label="直播中" value="1"></el-option>
             <el-option label="已结束" value="2"></el-option>
@@ -64,7 +75,7 @@
             start-placeholder="直播开始日期"
             end-placeholder="直播结束日期"
             :picker-options="{
-              firstDayOfWeek: 1,
+              firstDayOfWeek: 1
             }"
           >
           </el-date-picker>
@@ -81,7 +92,11 @@
           :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
           :data="tableList"
         >
-          <el-table-column align="center" prop="id" label="直播间编号"></el-table-column>
+          <el-table-column
+            align="center"
+            prop="id"
+            label="直播间编号"
+          ></el-table-column>
           <el-table-column
             align="center"
             prop="roomTitle"
@@ -92,7 +107,11 @@
             prop="speakerName"
             label="主讲人"
           ></el-table-column>
-          <el-table-column align="center" prop="liveStartTime" label="直播开始时间">
+          <el-table-column
+            align="center"
+            prop="liveStartTime"
+            label="直播开始时间"
+          >
             <template slot-scope="scope">
               <div>
                 {{ scope.row.liveStartTime | dateForMinFormat }}
@@ -128,7 +147,11 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column align="center" prop="serviceProvider" label="直播方案">
+          <el-table-column
+            align="center"
+            prop="serviceProvider"
+            label="直播方案"
+          >
             <template slot-scope="scope">
               <div>
                 {{ scope.row.serviceProvider | serviceProvider }}
@@ -144,7 +167,10 @@
             <template slot-scope="scope">
               <div>
                 <auth auths="imLiveBroadcastRoom/query/roomUser">
-                  <el-button type="text" @click="lookReservationDetail(scope.row)">
+                  <el-button
+                    type="text"
+                    @click="lookReservationDetail(scope.row)"
+                  >
                     {{ scope.row.roomReservationNum }}</el-button
                   >
                 </auth>
@@ -154,7 +180,11 @@
           <el-table-column align="center" prop="studentId" label="操作">
             <template slot-scope="scope">
               <div>
-                <el-dropdown trigger="click" placement="bottom" :hide-on-click="false">
+                <el-dropdown
+                  trigger="click"
+                  placement="bottom"
+                  :hide-on-click="false"
+                >
                   <span class="el-dropdown-link">
                     操作<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
@@ -163,7 +193,7 @@
                       style="width: 100px"
                       v-if="
                         permission('/liveStudentList') &&
-                        scope.row.popularizeType !== 'ALL'
+                          scope.row.popularizeType !== 'ALL'
                       "
                       @click.native="lookStudentDetail(scope.row)"
                     >
@@ -172,7 +202,7 @@
                     <el-dropdown-item
                       v-if="
                         permission('imLiveBroadcastRoom/opsPopularize') &&
-                        scope.row.liveState != 2
+                          scope.row.liveState != 2
                       "
                       @click.native="popularizeRoom(scope.row)"
                     >
@@ -184,7 +214,7 @@
                     <el-dropdown-item
                       v-if="
                         permission('imLiveBroadcastRoom/roomDestroy') &&
-                        scope.row.liveState == 1
+                          scope.row.liveState == 1
                       "
                       @click.native="closeRoom(scope.row)"
                     >
@@ -203,13 +233,20 @@
                       </el-dropdown-item>
                     </auth>
                     <el-dropdown-item
-                      v-if="permission('liveGoodsMapper/page') && ishowCart(scope.row)"
+                      v-if="
+                        permission('liveGoodsMapper/page') &&
+                          ishowCart(scope.row)
+                      "
                       @click.native="setShop(scope.row)"
                     >
                       <el-button type="text">商品设置</el-button>
                     </el-dropdown-item>
-                    <auth auths="imLiveBroadcastRoom/queryLiveRoomGoodsOrderList">
-                      <el-dropdown-item @click.native="gotoBlacklist(scope.row)">
+                    <auth
+                      auths="imLiveBroadcastRoom/queryLiveRoomGoodsOrderList"
+                    >
+                      <el-dropdown-item
+                        @click.native="gotoBlacklist(scope.row)"
+                      >
                         <el-button type="text">黑名单</el-button>
                       </el-dropdown-item>
                     </auth>
@@ -223,10 +260,12 @@
                     <el-dropdown-item
                       v-if="
                         permission('imLiveBroadcastRoom/update') &&
-                        scope.row.liveState == 0
+                          scope.row.liveState == 0
                       "
                     >
-                      <el-button type="text" @click.native="resetLive(scope.row)"
+                      <el-button
+                        type="text"
+                        @click.native="resetLive(scope.row)"
                         >修改</el-button
                       >
                     </el-dropdown-item>
@@ -236,7 +275,9 @@
                       v-if="scope.row.liveState == 0"
                     >
                       <el-dropdown-item>
-                        <el-button type="text" @click.native="deteleLive(scope.row)"
+                        <el-button
+                          type="text"
+                          @click.native="deteleLive(scope.row)"
                           >删除</el-button
                         >
                       </el-dropdown-item>
@@ -348,7 +389,7 @@ import {
   getLiveBroadcastList,
   delLiveBroadcast,
   closeBroadcastRoomList,
-  opsPopularize,
+  opsPopularize
 } from "./api";
 export default {
   components: {
@@ -356,7 +397,7 @@ export default {
     shareDetail,
     popularizeRoom,
     reservationDetail,
-    sellShopList,
+    sellShopList
   },
   data() {
     return {
@@ -365,7 +406,7 @@ export default {
         timer: [],
         serviceProvider: null,
         liveState: null,
-        popularize: null,
+        popularize: null
       },
 
       tableList: [],
@@ -375,10 +416,10 @@ export default {
         limit: 10, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 40, 50], // 选择限制显示条数
+        page_size: [10, 20, 40, 50] // 选择限制显示条数
       },
       shareVisible: false,
-      activeRow: null,
+      activeRow: null
     };
   },
   //生命周期 - 创建完成（可以访问当前this实例）
@@ -401,7 +442,7 @@ export default {
           ...rest,
           ...getTimes(timer, ["startTime", "endTime"]),
           rows: this.rules.limit,
-          page: this.rules.page,
+          page: this.rules.page
         });
         this.tableList = res.data.rows;
         this.rules.total = res.data.total;
@@ -419,9 +460,9 @@ export default {
     },
     newLiveClass() {
       let params = {
-        path: "/business/createLiveClass",
+        path: "/business/createLiveClass"
       };
-      this.$router.push(params, (route) => {
+      this.$router.push(params, route => {
         route.meta.title = "新建直播课";
       });
       this.$router.push("/business/createLiveClass");
@@ -430,7 +471,7 @@ export default {
     gotoDetail(row) {
       this.$router.push({
         path: "/business/liveClassDetail",
-        query: { roomUid: row.roomUid },
+        query: { roomUid: row.roomUid }
       });
       //
     },
@@ -441,10 +482,10 @@ export default {
     resetLive(row) {
       let params = {
         path: "/business/createLiveClass",
-        query: { id: row.id, roomUid: row.roomUid },
+        query: { id: row.id, roomUid: row.roomUid }
       };
       //  ,
-      this.$router.push(params, (route) => {
+      this.$router.push(params, route => {
         route.meta.title = "修改直播课";
       });
     },
@@ -452,7 +493,7 @@ export default {
       this.$confirm("您确定删除该直播间", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(async () => {
           try {
@@ -468,8 +509,8 @@ export default {
     closeRoom(row) {
       this.$confirm("您确定关闭直播间", "提示", {
         confirmButtonText: "确定",
-        type: "warning",
-      }).then(async (res) => {
+        type: "warning"
+      }).then(async res => {
         try {
           const res = await closeBroadcastRoomList(row.id);
           this.$message.success("关闭成功");
@@ -490,13 +531,13 @@ export default {
       this.$confirm(`您是否${str}直播间"${row.roomTitle}"`, "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(async () => {
           try {
             const res = await opsPopularize({
               popularize,
-              id: row.id,
+              id: row.id
             });
             this.$message.success(`${str}成功`);
             this.getList();
@@ -509,7 +550,7 @@ export default {
     setShop(row) {
       this.$router.push({
         path: "/business/liveShopControl",
-        query: { roomUid: row.roomUid },
+        query: { roomUid: row.roomUid }
       });
       //
     },
@@ -519,7 +560,11 @@ export default {
     gotoBlacklist(row) {
       this.$router.push({
         path: "/business/liveBlackList",
-        query: { roomUid: row.roomUid, name: row.roomTitle },
+        query: {
+          roomUid: row.roomUid,
+          name: row.roomTitle,
+          liveState: row.liveState
+        }
       });
     },
     gotoBuylist(row) {
@@ -528,7 +573,7 @@ export default {
     lookStudentDetail(row) {
       this.$router.push({
         path: "/business/liveStudentList",
-        query: { roomUid: row.roomUid, name: row.roomTitle },
+        query: { roomUid: row.roomUid, name: row.roomTitle }
       });
     },
     ishowCart(row) {
@@ -538,8 +583,8 @@ export default {
       } else {
         return false;
       }
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss" scoped>

src/views/liveClassManager/liveShopControl.vue

@@ -40,8 +40,8 @@
           <el-input
             v-model.trim="searchForm.search"
             clearable
-             @keyup.enter.native="
-              (e) => {
+            @keyup.enter.native="
+              e => {
                 e.target.blur();
                 $refs.searchForm.save();
                 search();
@@ -67,7 +67,11 @@
         </el-form-item>
       </save-form>
       <auth auths="liveGoodsMapper/add">
-        <el-button @click="addShop" type="primary" style="margin-bottom: 20px"
+        <el-button
+          @click="addShop"
+          type="primary"
+          style="margin-bottom: 20px"
+          :disabled="detail.liveState == 2"
           >添加</el-button
         >
       </auth>
@@ -145,7 +149,11 @@
 </template>
 <script>
 import { getToken, getTenantId } from "@/utils/auth";
-import { getRoomInfo, getLiveGoodsMapper,updateLiveGoodsMapperStatus } from "./api";
+import {
+  getRoomInfo,
+  getLiveGoodsMapper,
+  updateLiveGoodsMapperStatus
+} from "./api";
 import pagination from "@/components/Pagination/index";
 import addLiveShop from "./modals/addLiveShop";
 export default {
@@ -156,11 +164,11 @@ export default {
         roomTitle: "",
         speakerName: "",
         liveStartTime: "",
-        liveState: "",
+        liveState: ""
       },
       searchForm: {
         search: "",
-        status: "",
+        status: ""
       },
 
       tableList: [],
@@ -170,8 +178,8 @@ export default {
         limit: 10, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 40, 50], // 选择限制显示条数
-      },
+        page_size: [10, 20, 40, 50] // 选择限制显示条数
+      }
     };
   },
   mounted() {
@@ -184,7 +192,7 @@ export default {
         ...this.searchForm,
         page: this.rules.page,
         rows: this.rules.limit,
-        liveId: this.$route.query.roomUid,
+        liveId: this.$route.query.roomUid
       };
       try {
         const res = await getLiveGoodsMapper({ ...params });
@@ -210,7 +218,7 @@ export default {
     async getDetail() {
       try {
         let obj = {
-          roomUid: this.$route.query.roomUid,
+          roomUid: this.$route.query.roomUid
         };
 
         const res = await getRoomInfo(obj);
@@ -232,21 +240,21 @@ export default {
       this.$confirm(`您是否${str}商品"${row.name}"`, "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(async () => {
           await updateLiveGoodsMapperStatus({
             liveGoodsId: row.id,
             liveId: this.$route.query.roomUid,
-            status: row.status ? 0 : 1,
-          }).then((res) => {
-           this.$message.success(`${str}成功`)
-           this.getList()
+            status: row.status ? 0 : 1
+          }).then(res => {
+            this.$message.success(`${str}成功`);
+            this.getList();
           });
         })
         .catch(() => {});
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss" scoped>

src/views/liveClassManager/modals/shareDetail.vue

@@ -2,7 +2,7 @@
   <div>
     <el-form :model="form" ref="form" class="form">
       <el-form-item label="分享对象" v-if="row.os !== 'mobile'">
-        <el-radio-group v-model="form.shareTarget" @change="changeShareTarget" >
+        <el-radio-group v-model="form.shareTarget" @change="changeShareTarget">
           <el-radio v-model="form.shareTarget" label="1">主讲人</el-radio>
           <el-radio v-model="form.shareTarget" label="2">学员</el-radio>
         </el-radio-group>
@@ -30,6 +30,7 @@
         </div>
         <div
           class="shareBtn shareText"
+          :class="row.liveState == 2 ? 'disabled' : ''"
           data-clipboard-action="copy"
           data-clipboard-target=".shareBtn"
           @click="copyText"
@@ -41,12 +42,24 @@
         <div class="shareWrap">
           <preview :form="row" id="preview" :url="url" />
         </div>
-        <div class="shareBtn" @click="shareImage">下载图片</div>
+        <div
+          class="shareBtn"
+          :class="row.liveState == 2 ? 'disabled' : ''"
+          @click="shareImage"
+        >
+          下载图片
+        </div>
       </div>
       <div class="groupWrap" v-if="form.shareType == 3">
         <!-- im分享 -->
         <groupChat ref="groupChat" />
-        <div class="shareBtn" @click="shareChat">发送分享信息</div>
+        <div
+          class="shareBtn"
+          :class="row.liveState == 2 ? 'disabled' : ''"
+          @click="shareChat"
+        >
+          发送分享信息
+        </div>
       </div>
     </div>
   </div>
@@ -66,12 +79,12 @@ export default {
     return {
       form: {
         shareTarget: "1",
-        shareType: "1",
+        shareType: "1"
       },
       content: "",
       url: "",
       Teacherurl: "",
-      clipboard: null,
+      clipboard: null
     };
   },
   mounted() {
@@ -81,48 +94,49 @@ export default {
     this.Teacherurl = domain
       ? domain + `/live/?roomUid=${this.row.roomUid}`
       : "https://test.dayaedu.com" + `/live/?roomUid=${this.row.roomUid}`;
-      // this.copyText()
+    // this.copyText()
 
-      // 判断一下
+    // 判断一下
 
-      if(this.row.os == 'mobile'){
-          console.log('设置学员观看')
-          this.form.shareTarget='2'
-      }else {
-         this.form.shareTarget='1'
-      }
+    if (this.row.os == "mobile") {
+      console.log("设置学员观看");
+      this.form.shareTarget = "2";
+    } else {
+      this.form.shareTarget = "1";
+    }
   },
   methods: {
     copyText(e) {
+      if (this.row.liveState == 2) {
+        return;
+      }
       let text = "";
       if (this.form.shareTarget == 1) {
-        text = `乐团老师邀请您参与直播课！\n${
-          this.row.roomTitle || ""
-        }\n开播时间：${this.row.liveStartTime || ""}\n直播内容：${
-          this.row.liveRemark || ""
-        }\n直播地址：${this.Teacherurl}\n请在电脑浏览器中打开以上链接进行直播`;
+        text = `乐团老师邀请您参与直播课！\n${this.row.roomTitle ||
+          ""}\n开播时间：${this.row.liveStartTime || ""}\n直播内容：${this.row
+          .liveRemark || ""}\n直播地址：${
+          this.Teacherurl
+        }\n请在电脑浏览器中打开以上链接进行直播`;
       } else {
-        text = `乐团老师邀请您参与直播课！\n${
-          this.row.roomTitle || ""
-        }\n主讲人：${this.row.speakerName}\n开播时间：${this.row.liveStartTime || ""}\n直播内容：${
-          this.row.liveRemark || ""
-        }\n直播地址：${this.url}\n`;
+        text = `乐团老师邀请您参与直播课！\n${this.row.roomTitle ||
+          ""}\n主讲人：${this.row.speakerName}\n开播时间：${this.row
+          .liveStartTime || ""}\n直播内容：${this.row.liveRemark ||
+          ""}\n直播地址：${this.url}\n`;
       }
 
       var clipboard = new Clipboard(".shareText", {
-        text: function (trigger) {
+        text: function(trigger) {
           // console.log(trigger,text)
           return text;
-        },
+        }
       });
-      clipboard.on("success", (e) => {
-
+      clipboard.on("success", e => {
         this.$message.success("复制成功");
         this.$emit("close");
         // 释放内存
         clipboard.destroy();
       });
-      clipboard.on("error", (e) => {
+      clipboard.on("error", e => {
         // 不支持复制
         console.log("该浏览器不支持自动复制");
         // 释放内存
@@ -145,9 +159,12 @@ export default {
     },
 
     shareImage() {
+      if (this.row.liveState == 2) {
+        return;
+      }
       var node = document.getElementById("preview");
       toPng(node)
-        .then((dataUrl) => {
+        .then(dataUrl => {
           var img = new Image();
           img.src = dataUrl;
           // 在这里下载
@@ -159,11 +176,14 @@ export default {
           link.click();
           this.$emit("close");
         })
-        .catch(function (error) {
+        .catch(function(error) {
           console.error("oops, something went wrong!", error);
         });
     },
     async shareChat() {
+      if (this.row.liveState == 2) {
+        return;
+      }
       let checkList = this.$refs.groupChat.checkList;
       if (!(checkList.length > 0)) {
         this.$message.error("请至少选择一个群聊");
@@ -172,7 +192,7 @@ export default {
       try {
         let obj = {
           groupIds: checkList.join(","),
-          roomUid: this.row.roomUid,
+          roomUid: this.row.roomUid
         };
         const res = await shareGroup(obj);
         this.$message.success("分享成功");
@@ -183,13 +203,13 @@ export default {
     },
     changeShareTarget(val) {
       if (val == 2) {
-        this.form.shareType = '1';
+        this.form.shareType = "1";
       }
-      if (val ==1) {
-        this.form.shareType = '1';
+      if (val == 1) {
+        this.form.shareType = "1";
       }
-    },
-  },
+    }
+  }
 };
 </script>
 
@@ -231,5 +251,12 @@ export default {
   line-height: 48px;
   font-size: 20px;
   cursor: pointer;
+
+  &.disabled {
+    background: #80d3ce;
+    border-color: #80d3ce;
+    color: #fff;
+    cursor: not-allowed;
+  }
 }
 </style>

src/views/liveClassManager/studentBlacklist.vue

@@ -28,11 +28,16 @@
             @click="addBlack"
             type="primary"
             style="margin-bottom: 10px"
+            :disabled="liveState == 2"
             >添加黑名单</el-button
           >
         </auth>
         <auth auths="imLiveRoomBlack/delete">
-          <el-button @click="removes" type="primary" style="margin-bottom: 10px"
+          <el-button
+            @click="removes"
+            type="primary"
+            style="margin-bottom: 10px"
+            :disabled="liveState == 2"
             >移除黑名单</el-button
           >
         </auth>
@@ -68,7 +73,10 @@
             <template slot-scope="scope">
               <div>
                 <auth auths="imLiveRoomBlack/delete">
-                  <el-button type="text" @click="deteleBlack(scope.row)"
+                  <el-button
+                    type="text"
+                    @click="deteleBlack(scope.row)"
+                    :disabled="liveState == 2"
                     >删除</el-button
                   >
                 </auth>
@@ -99,8 +107,9 @@ export default {
   components: { pagination, setBlack },
   data() {
     return {
+      liveState: "0",
       searchForm: {
-        search: "",
+        search: ""
       },
       tableList: [],
       organList: [],
@@ -109,18 +118,19 @@ export default {
         limit: 10, // 限制显示条数
         page: 1, // 当前页
         total: 0, // 总条数
-        page_size: [10, 20, 40, 50], // 选择限制显示条数
+        page_size: [10, 20, 40, 50] // 选择限制显示条数
       },
       addMuiscVisible: false,
       multipleSelection: [],
       chioseIdList: [],
       isNewPage: false,
       lookVisible: false,
-      activeRow: { sendFlag: false },
+      activeRow: { sendFlag: false }
     };
   },
 
   mounted() {
+    this.liveState = this.$route.query.liveState;
     this.getList();
   },
   methods: {
@@ -130,16 +140,16 @@ export default {
           ...this.searchForm,
           page: this.rules.page,
           rows: this.rules.limit,
-          roomUid: this.$route.query.roomUid,
+          roomUid: this.$route.query.roomUid
         });
         this.tableList = res.data.rows;
         this.rules.total = res.data.total;
-        let idList = this.chioseIdList.map((group) => {
+        let idList = this.chioseIdList.map(group => {
           return group.userId;
         });
         this.isNewPage = true;
         this.$nextTick(() => {
-          this.tableList.forEach((course) => {
+          this.tableList.forEach(course => {
             if (idList.indexOf(course.userId) != -1) {
               this.$refs.multipleSelection.toggleRowSelection(course, true);
             }
@@ -166,18 +176,18 @@ export default {
       }
       try {
         let idList = this.chioseIdList
-          .map((group) => {
+          .map(group => {
             return group.userId;
           })
           .join(",");
         const res = await addLiveGoodsMapper({
           liveGoodsIds: idList,
-          liveId: this.activeRow.roomUid,
+          liveId: this.activeRow.roomUid
         });
         this.$message.success("添加成功");
         this.$emit("getList");
         // this.onClose();
-          this.clearCom();
+        this.clearCom();
       } catch (e) {
         console.log(e);
       }
@@ -187,7 +197,6 @@ export default {
        *
 
        */
-
     },
     handleSelectionChange(val) {
       if (val.length > 0) {
@@ -198,12 +207,12 @@ export default {
         );
       } else {
         if (this.isNewPage) return;
-        let idList = this.chioseIdList.map((group) => {
+        let idList = this.chioseIdList.map(group => {
           return group.userId;
         });
         this.$nextTick(() => {
           let tableIdList = [];
-          this.tableList.forEach((group) => {
+          this.tableList.forEach(group => {
             tableIdList.push(group.userId);
             if (idList.indexOf(group.userId) != -1) {
               this.$refs.multipleSelection.toggleRowSelection(group, false);
@@ -211,7 +220,7 @@ export default {
           });
           this.chioseIdList = this.$helpers.lodash.remove(
             this.chioseIdList,
-            function (item) {
+            function(item) {
               return tableIdList.indexOf(item.userId) == -1;
             }
           );
@@ -226,7 +235,7 @@ export default {
       this.$refs.multipleSelection.clearSelection();
     },
     onTableSelect(rows, row) {
-      let idList = this.chioseIdList.map((group) => {
+      let idList = this.chioseIdList.map(group => {
         return group.userId;
       });
       if (idList.indexOf(row.userId) != -1) {
@@ -244,16 +253,16 @@ export default {
       this.$confirm(`你确定将${row.username}移除黑名单?`, "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(async () => {
           try {
             const res = await deteleBlackList({
               roomUid: this.$route.query.roomUid,
-              userIdList: row.userId + "",
+              userIdList: row.userId + ""
             });
             this.getList();
-              this.clearCom();
+            this.clearCom();
           } catch (e) {
             console.log(e);
           }
@@ -269,36 +278,36 @@ export default {
         return;
       }
       let str = this.chioseIdList
-        .map((group) => {
+        .map(group => {
           return group.username;
         })
         .join(",");
       this.$confirm(`你确定将${str}移除黑名单?`, "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
-        type: "warning",
+        type: "warning"
       })
         .then(async () => {
           let idList = this.chioseIdList
-            .map((group) => {
+            .map(group => {
               return group.userId;
             })
             .join(",");
           try {
             const res = await deteleBlackList({
               roomUid: this.$route.query.roomUid,
-              userIdList: idList,
+              userIdList: idList
             });
             this.$message.success("移除成功");
             this.getList();
-              this.clearCom();
+            this.clearCom();
           } catch (e) {
             console.log(e);
           }
         })
         .catch();
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss" scoped>