index.vue 19.9 KB
Newer Older
qzhxx's avatar
qzhxx committed
1 2 3
<template>
  <div class="listPage H100">
    <div class="search-container">
4
      <el-form :inline="true" :model="form" ref="form" onsubmit="return false;">
qzhxx's avatar
qzhxx committed
5
        <el-form-item label>
qzhxx's avatar
qzhxx committed
6 7 8 9 10 11
          <el-input
            placeholder="请输入视频名称、提交人"
            v-model="form.name"
            @keyup.enter.native="Search"
            clearable
          ></el-input>
qzhxx's avatar
qzhxx committed
12
        </el-form-item>
qzhxx's avatar
qzhxx committed
13
        <el-form-item>
qzhxx's avatar
qzhxx committed
14 15 16 17 18 19
          <el-select v-model="form.status" placeholder="请选择审核状态">
            <el-option label="待初审" value="TBC"></el-option>
            <el-option label="已驳回" value="REFUSED"></el-option>
            <el-option label="待复审" value="TBCA"></el-option>
            <el-option label="通过" value="APPROVED_FINAL"></el-option>
          </el-select>
qzhxx's avatar
qzhxx committed
20 21 22
        </el-form-item>
        <el-form-item>
          <div class="btn-group">
23 24
            <el-button type="primary" @click="Search">查询</el-button>
            <el-button @click="Reset">重置</el-button>
qzhxx's avatar
qzhxx committed
25 26 27 28 29
          </div>
        </el-form-item>
      </el-form>
      <div class="page-tip">
        <span class="page-tip-title">页面说明:</span>
qzhxx's avatar
qzhxx committed
30
        <span class="page-tips">可查看学习内容待审核的所有内容,可根据审核类别进行筛选</span>
qzhxx's avatar
qzhxx committed
31 32 33
      </div>
    </div>
    <div class="table-content">
qzhxx's avatar
qzhxx committed
34
      <div class="party-table noAdd">
qzhxx's avatar
qzhxx committed
35 36
        <el-table
          border
qzhxx's avatar
qzhxx committed
37 38
          style="width: 100%;height:100%"
          height="100%"
qzhxx's avatar
qzhxx committed
39 40 41 42
          ref="multipleTable"
          :data="tableData"
          @selection-change="handleSelectionChange"
        >
43 44 45 46 47
           <el-table-column type="index" width="120" label="序号">
            <template slot-scope="scope">
              <span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
            </template>
          </el-table-column>
qzhxx's avatar
qzhxx committed
48
          <el-table-column label="视频名称" prop="content"></el-table-column>
qzhxx's avatar
qzhxx committed
49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
          <el-table-column label="提交人" prop="userName"></el-table-column>
          <el-table-column label="提交日期" prop="createTime"></el-table-column>
          <el-table-column label="审核项" prop="operation">
            <template slot-scope="scope">
              <span class="input-item">{{keyMap[scope.row.operation]}}</span>
            </template>
          </el-table-column>
          <el-table-column label="审核状态" prop="status">
            <template slot-scope="scope">
              <span v-if="scope.row.status === 'TBC'">待初审</span>
              <span v-else-if="scope.row.status === 'REFUSED'">已驳回</span>
              <span v-else-if="scope.row.status === 'TBCA'">待复审</span>
              <span v-else-if="scope.row.status === 'APPROVED_FINAL'">通过</span>
            </template>
          </el-table-column>
qzhxx's avatar
qzhxx committed
64
            <el-table-column label="操作" header-align="center" align="center">
qzhxx's avatar
qzhxx committed
65 66
            <template slot-scope="scope" width="220">
              <div class="table-btn-group">
qzhxx's avatar
qzhxx committed
67
                <el-tooltip content="详情" placement="top">
qzhxx's avatar
qzhxx committed
68 69 70 71 72 73 74 75
                  <el-button
                    :disabled="
                scope.row.operation === 'REMOVE' &&
                scope.row.status === 'APPROVED_FINAL'
              "
                    circle
                    @click="openDetails(scope.row)"
                  >
qzhxx's avatar
qzhxx committed
76 77 78 79
                    <i class="icon-table icon-detail"></i>
                  </el-button>
                </el-tooltip>
              </div>
qzhxx's avatar
qzhxx committed
80 81
            </template>
          </el-table-column>
qzhxx's avatar
qzhxx committed
82 83
          <el-table-column label="审核"  width="220" header-align="center" align="center">
            <template slot-scope="scope">
qzhxx's avatar
qzhxx committed
84 85 86 87
              <div class="table-btn-group">
                <el-button
                  round
                  class="passed"
qzhxx's avatar
qzhxx committed
88 89
                  :disabled="    
                !scope.row.two||            
qzhxx's avatar
qzhxx committed
90 91 92 93 94 95 96 97 98
                scope.row.status === 'REFUSED' ||
                scope.row.status === 'APPROVED_FINAL'
              "
                  @click="adopt(scope.row)"
                >通过</el-button>
                <el-button
                  round
                  class="rejected"
                  :disabled="
qzhxx's avatar
qzhxx committed
99
                !scope.row.two||
qzhxx's avatar
qzhxx committed
100 101 102 103 104
                scope.row.status === 'REFUSED' ||
                scope.row.status === 'APPROVED_FINAL'
              "
                  @click="reject(scope.row)"
                >驳回</el-button>
qzhxx's avatar
qzhxx committed
105
              </div>
qzhxx's avatar
qzhxx committed
106 107
            </template>
          </el-table-column>
qzhxx's avatar
qzhxx committed
108 109
        </el-table>
      </div>
qzhxx's avatar
qzhxx committed
110
      <div class="partyt-pagination">
qzhxx's avatar
qzhxx committed
111 112 113 114 115 116 117
        <el-pagination
          @current-change="handleCurrentChange"
          :current-page="page.currentPage"
          :page-size="page.pageSize"
          layout="prev, pager, next, jumper"
          :total="page.total"
        ></el-pagination>
qzhxx's avatar
qzhxx committed
118
      </div>
qzhxx's avatar
qzhxx committed
119
    </div>
qzhxx's avatar
qzhxx committed
120 121 122 123 124 125 126 127 128
    <!--新增弹框-->
    <el-dialog
      title="新建"
      custom-class="party-dialog"
      width="468px"
      :visible.sync="FormVisible1"
      :before-close="close1"
    >
      <div class="dialog-content">
qzhxx's avatar
qzhxx committed
129 130 131 132 133 134 135 136 137 138 139 140 141 142 143
        <el-form
          :model="classForm"
          ref="classForm"
          label-width="80px"
          label-position="top"
          :rules="rules"
          id="ruleo"
          class="party-form"
        >
          <el-form-item label="驳回原因:">
            <el-input type="textarea" v-model="classForm.remarks"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div slot="footer" class="dialog-footer btn-group">
qzhxx's avatar
qzhxx committed
144
        <el-button size="mini" type="primary" @click="permisSave">确定</el-button>
qzhxx's avatar
qzhxx committed
145 146
        <el-button size="mini" @click="close1">取 消</el-button>
      </div>
qzhxx's avatar
qzhxx committed
147 148 149 150 151
    </el-dialog>
    <!--请填写驳回原因-->
    <el-dialog
      custom-class="party-dialog"
      title="视频详情"
qzhxx's avatar
qzhxx committed
152
      width="400px"
qzhxx's avatar
qzhxx committed
153 154 155
      :visible.sync="FormVisible"
      :before-close="close"
    >
qzhxx's avatar
qzhxx committed
156 157
    <!-- @contextmenu.prevent.capture -->
      <div class="dialog-content" @contextmenu.prevent>
qzhxx's avatar
qzhxx committed
158 159 160 161 162
        
        <span 
         v-for="(item, index) in videoList"
                :key="index">
          
qzhxx's avatar
qzhxx committed
163 164
          <video
            :preload="preload"
qzhxx's avatar
qzhxx committed
165
            :poster="item.thumbnail"
qzhxx's avatar
qzhxx committed
166 167 168
            :height="height"
            :width="width"
            align="center"
qzhxx's avatar
qzhxx committed
169
            controls controlsList='nodownload noremote footbar'
qzhxx's avatar
qzhxx committed
170
          >
qzhxx's avatar
qzhxx committed
171
            <source :src="item.fileUrl" />
qzhxx's avatar
qzhxx committed
172 173 174
            
             <!-- <source :src="videoSrc" /> -->
           
qzhxx's avatar
qzhxx committed
175
          </video>
qzhxx's avatar
qzhxx committed
176 177
          <span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
        </span>
qzhxx's avatar
qzhxx committed
178 179
      </div>
    </el-dialog>
qzhxx's avatar
qzhxx committed
180 181
  </div>
</template>
qzhxx's avatar
qzhxx committed
182

qzhxx's avatar
qzhxx committed
183
<script>
qzhxx's avatar
qzhxx committed
184
 import axios from 'axios'
qzhxx's avatar
qzhxx committed
185
export default {
qzhxx's avatar
qzhxx committed
186
  components: {},
qzhxx's avatar
qzhxx committed
187 188 189 190 191 192 193 194 195 196
  data() {
    var checkIsNull = (rule, value, callback) => {
      if (value) {
        if (value.trim() == "") {
          callback(new Error("不允许只输入空格"));
        } else {
          callback();
        }
      }
    };
qzhxx's avatar
qzhxx committed
197 198 199 200 201 202 203 204 205
    const keyMap = {
      ADD: "新增",
      EDIT: "修改",
      REMOVE: "删除",
      DISABLE: "禁用",
      ENABLE: "启用",
      UPPER: "上架",
      LOWER: "下架"
    };
qzhxx's avatar
qzhxx committed
206
    return {
qzhxx's avatar
qzhxx committed
207
      videoList:[],
qzhxx's avatar
qzhxx committed
208 209 210 211 212 213
      videoSrc: "",
      videoSrc:
        "https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4",
      videoImg: "https://sm.ms/image/ueRFCZfk2xTONGb",
      playStatus: "",
      muteStatus: "",
qzhxx's avatar
qzhxx committed
214 215
      isMute: true,
      isPlay: false,
qzhxx's avatar
qzhxx committed
216
      width: "320px", // 设置视频播放器的显示宽度(以像素为单位)
qzhxx's avatar
qzhxx committed
217
      height: "200px", // 设置视频播放器的显示高度(以像素为单位)
qzhxx's avatar
qzhxx committed
218
      preload: "auto", //  建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
qzhxx's avatar
qzhxx committed
219
      controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。
qzhxx's avatar
qzhxx committed
220
      autoplay: "",
qzhxx's avatar
qzhxx committed
221
      //--
qzhxx's avatar
qzhxx committed
222 223
      keyMap: keyMap,
      type: true,
qzhxx's avatar
qzhxx committed
224 225 226 227 228 229 230
      value1: "",
      page: { currentPage: 1, pageSize: 10, total: 0 },
      tableData: [],
      FormVisible: false,
      FormVisible1: false,
      formLabelWidth: "100px",
      form: {
qzhxx's avatar
qzhxx committed
231
        name: "",
qzhxx's avatar
qzhxx committed
232
        type: "VIDEO_CONTENT"
qzhxx's avatar
qzhxx committed
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271
      },
      editform: {
        menuName: "",
        menuUrl: "",
        parentId: "",
        sort: "",
        id: ""
      },
      classForm: {
        menuName: "",
        menuUrl: "",
        parentId: "",
        sort: ""
      },
      typeList: [],
      rules: {
        sort: [
          { required: true, message: "请输入顺序值", trigger: "change" },
          { pattern: /^(\d{1,5})?$/, message: "排序值为低于5位数的纯数字" }
        ],
        menuName: [
          { required: true, message: "请输入菜单名称", trigger: "change" },
          { max: 20, message: "不能超过20个字符", trigger: "change" },
          { validator: checkIsNull, trigger: "blur" }
        ],
        menuUrl: [
          { required: true, message: "请输入菜单地址", trigger: "change" },
          { validator: checkIsNull, trigger: "blur" }
        ],
        parentId: [
          { required: true, message: "请输入父级菜单", trigger: "change" }
        ]
      },
      value: "",
      name: ""
    };
  },
  computed: {},
  mounted() {
qzhxx's avatar
qzhxx committed
272
    // this.getBolb()
qzhxx's avatar
qzhxx committed
273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307
    this.onSearch();
    // this.getPermis();
  },
  components: {},
  methods: {
    // 渲染父级权限
    getPermis() {
      let vm = this;
      vm.$https({
        method: "get",
        url: "menu/getRoleMenu?roleId=" + sessionStorage.getItem("roleId"),
        authType: this.backToken
      }).then(
        res => {
          let data = res.data;
          vm.typeList = data.map((e, i) => {
            return {
              id: e.id,
              name:
                e.menuName.indexOf("-") == -1
                  ? e.menuName
                  : e.menuName.split("-")[1]
            };
          });
        },
        error => {
          console.log(error);
        }
      );
    },
    // 获得数据接口
    getTableData(param) {
      let vm = this;
      vm.$https(
        {
qzhxx's avatar
qzhxx committed
308 309
          url: "audit/getPageAllList",
          method: "get",
qzhxx's avatar
qzhxx committed
310 311
          authType: this.backToken
        },
qzhxx's avatar
qzhxx committed
312 313
        // vm.$qs.stringify(param)
        param
qzhxx's avatar
qzhxx committed
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341
      )
        .then(res => {
          let data = res.data.data;
          vm.page.pageSize = data.size;
          vm.page.total = data.total;
          vm.tableData = data.records;
        })
        .catch(function(err) {
          console.log(err);
        });
    },
    // 分页
    handleCurrentChange(val) {
      let _this = this;
      _this.page.currentPage = val;
      _this.onSearch();
    },
    onSearch() {
      let _this = this;
      let param = _this.getSearchQuery();
      _this.getTableData(param);
    },
    Search() {
      let _this = this;
      _this.page.currentPage = 1;
      let searchObj = {
        _index: 1,
        _size: _this.page.pageSize,
qzhxx's avatar
qzhxx committed
342
        name: _this.form.name,
qzhxx's avatar
qzhxx committed
343
        // content:_this.form.content,
qzhxx's avatar
qzhxx committed
344 345
        status: _this.form.status,
        type: "VIDEO_CONTENT"
qzhxx's avatar
qzhxx committed
346 347 348 349
      };
      this.getTableData(searchObj);
    },
    // 重置
qzhxx's avatar
qzhxx committed
350
    Reset() {
qzhxx's avatar
qzhxx committed
351
      // this.$refs["form"].resetFields();
qzhxx's avatar
qzhxx committed
352 353
      this.form = { type: "VIDEO_CONTENT" };
      this.Search();
qzhxx's avatar
qzhxx committed
354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371
    },
    // // 获取当前查询参数
    getSearchQuery() {
      let _this = this;
      let searchObj = {
        _index: _this.page.currentPage,
        _size: _this.page.pageSize
      };
      for (let key in _this.form) {
        if (_this.form[key]) {
          searchObj[key] = _this.form[key];
        }
      }
      return searchObj;
    },
    // 添加
    addPermis() {
      // this.$router.push({ path: "videoContentAdd", query: { type: "add" } });
qzhxx's avatar
qzhxx committed
372
      $(".el-dialog__title").html("新建");
qzhxx's avatar
qzhxx committed
373
      this.FormVisible1 = true;
qzhxx's avatar
qzhxx committed
374
      this.type = true;
qzhxx's avatar
qzhxx committed
375
    },
qzhxx's avatar
qzhxx committed
376 377

    // 请填写驳回原因视频分类确认保存
qzhxx's avatar
qzhxx committed
378
    permisEdit() {
qzhxx's avatar
qzhxx committed
379 380 381 382 383
      let _this = this;
      _this.$refs.classForm.validate(valid => {
        if (valid) {
          _this
            .$https(
qzhxx's avatar
qzhxx committed
384 385 386 387 388
              {
                url: "videoContentCat/update",
                method: "put",
                authType: this.backToken
              },
qzhxx's avatar
qzhxx committed
389 390
              _this.$qs.stringify(_this.classForm)
              // _this.classForm
qzhxx's avatar
qzhxx committed
391 392 393
            )
            .then(
              res => {
394
                if (res.data.resultCode == 200 || res.data.resultCode == 201) {
qzhxx's avatar
qzhxx committed
395 396
                  _this.$message({
                    type: "success",
qzhxx's avatar
qzhxx committed
397
                    message: "新建成功!"
qzhxx's avatar
qzhxx committed
398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422
                  });
                  //跳回用户列表
                  _this.onSearch();
                  _this.FormVisible1 = false;
                  for (let key in _this.classForm) {
                    _this.classForm[key] = null;
                  }
                  _this.$refs["classForm"].resetFields();
                } else {
                  _this.$message({
                    type: "error",
                    message: res.data.msg
                  });
                }
              },
              error => {
                _this.$message({
                  type: "error",
                  message: error
                });
              }
            );
        }
      });
    },
qzhxx's avatar
qzhxx committed
423 424
    // 请填写驳回原因关闭
    close() {
qzhxx's avatar
qzhxx committed
425 426
      // 为防止关闭后继续播放
      this.videoList = []
qzhxx's avatar
qzhxx committed
427
      this.FormVisible = false;
qzhxx's avatar
qzhxx committed
428
     
qzhxx's avatar
qzhxx committed
429 430 431 432 433 434 435 436 437
    },
    // 新增关闭
    close1() {
      this.FormVisible1 = false;
      for (let key in this.classForm) {
        this.classForm[key] = null;
      }
      this.$refs["classForm"].resetFields();
    },
qzhxx's avatar
qzhxx committed
438 439 440 441 442 443
    // 通过
    adopt(row) {
      this.classForm.id = row.id;
      this.classForm.status = "APPROVED_FINAL";
      this.classForm.remarks = "";
      this.permisSave("classForm");
qzhxx's avatar
qzhxx committed
444 445 446
    },
    // 请填写驳回原因弹框
    reject(row) {
qzhxx's avatar
qzhxx committed
447 448 449 450 451
      this.type = false;
      $(".el-dialog__title").html("请填写驳回原因");
      let _this = this;
      _this.classForm.id = row.id;
      _this.classForm.status = "REFUSED";
qzhxx's avatar
qzhxx committed
452 453 454 455
      _this.FormVisible1 = true;
    },
    // 驳回原因保存
    permisSave() {
qzhxx's avatar
qzhxx committed
456
      let _this = this;
qzhxx's avatar
qzhxx committed
457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479
      _this
        .$https(
          {
            url: "audit/updateAuditAllById",
            headers: { "Content-Type": "application/json" },
            method: "put",
            authType: this.backToken
          },
          // _this.$qs.stringify(_this.classForm)
          _this.classForm
        )
        .then(
          res => {
            if (res.data.resultCode == 200 || res.data.resultCode == 201) {
              _this.$message({
                type: "success",
                message: "操作成功!"
              });
              //跳回用户列表
              _this.onSearch();
              _this.FormVisible1 = false;
              for (let key in _this.classForm) {
                _this.classForm[key] = null;
qzhxx's avatar
qzhxx committed
480
              }
qzhxx's avatar
qzhxx committed
481 482 483 484 485 486 487 488 489 490 491 492 493 494 495
              _this.$refs["classForm"].resetFields();
            } else {
              _this.$message({
                type: "error",
                message: res.data.msg
              });
            }
          },
          error => {
            _this.$message({
              type: "error",
              message: error
            });
          }
        );
qzhxx's avatar
qzhxx committed
496 497
      // _this.$refs.classForm.validate(valid => {
      //   if (valid) {
qzhxx's avatar
qzhxx committed
498

qzhxx's avatar
qzhxx committed
499 500
      //   }
      // });
qzhxx's avatar
qzhxx committed
501 502
    },
    // 获取视频分类详情
qzhxx's avatar
qzhxx committed
503
    getAssetTypeInfo(id) {
qzhxx's avatar
qzhxx committed
504 505 506
      let vm = this;
      vm.$https(
        {
qzhxx's avatar
qzhxx committed
507
          url: "videoContentCat/get/" + id,
qzhxx's avatar
qzhxx committed
508 509
          method: "get",
          authType: this.backToken
qzhxx's avatar
qzhxx committed
510
        }
qzhxx's avatar
qzhxx committed
511 512 513 514
        // param
      )
        .then(res => {
          let data = res.data.data;
qzhxx's avatar
qzhxx committed
515
          this.classForm = data;
qzhxx's avatar
qzhxx committed
516 517 518 519 520
        })
        .catch(function(err) {
          console.log(err);
        });
    },
qzhxx's avatar
qzhxx committed
521 522
    // 详情
    openDetails(row) {
qzhxx's avatar
qzhxx committed
523 524 525 526 527 528
      if(row.operation === 'EDIT'){
         // 参照后台更改文档审核记录的"operation"为"EDIT"时,调用的详情接口
        this.getIsEditInfo(row.id)
      }else{
        this.getInfo(row.refItemId);
      }
qzhxx's avatar
qzhxx committed
529
    },
qzhxx's avatar
qzhxx committed
530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550
    getIsEditInfo(auditId){
        let vm = this;
        vm.$https(
          {
            url: "videoContent/getAudit/" + auditId,
            method: "get",
            authType: this.backToken
          }
          // param
        )
          .then(res => {
            let data = res.data.data;
            this.videoList = res.data.data.videoFileList
            const arr = this.videoList
            vm.FormVisible = true;
          })
          .catch(function(err) {
            console.log(err);
          });
    },
   
qzhxx's avatar
qzhxx committed
551 552 553 554 555 556 557 558 559 560 561 562 563
    // 获取详情视频
    getInfo(id) {
      let vm = this;
      vm.$https(
        {
          url: "videoContent/get/" + id,
          method: "get",
          authType: this.backToken
        }
        // param
      )
        .then(res => {
          let data = res.data.data;
qzhxx's avatar
qzhxx committed
564
          this.videoList = res.data.data.videoFileList
qzhxx's avatar
qzhxx committed
565
          const arr = this.videoList
qzhxx's avatar
qzhxx committed
566 567 568 569 570
          vm.FormVisible = true;
        })
        .catch(function(err) {
          console.log(err);
        });
qzhxx's avatar
qzhxx committed
571
    },
qzhxx's avatar
qzhxx committed
572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591
    getBolb(){
      const _this =this
      
        axios({
        method: "get",
        url: `/aa/group1/M00/00/54/wKhuVWCBObuAUSIQA6Mwb1hO1jk035.mp4`,
        responseType: "blob",
    }).then(res => {
      debugger;
       var blob = res.data;
            console.log(window.URL.createObjectURL(blob), '加密的视频地址')
            _this.videoSrc = window.URL.createObjectURL(blob)
            // video.onload = function(e) {
            //     window.URL.revokeObjectURL(video.src);
            // };
            // var src = window.URL.createObjectURL(blob);
            // addSrc(video, src); // video为视频播放元素
       
    })
    },
qzhxx's avatar
qzhxx committed
592 593 594 595 596 597 598 599 600
    // 删除
    handleDelete(row) {
      let _this = this;
      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
qzhxx's avatar
qzhxx committed
601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618
          _this
            .$https({
              method: "delete",
              url: "videoContentCat/delete/" + row.id,
              authType: this.backToken
            })
            .then(
              res => {
                this.$message({ type: "success", message: "删除成功!" });
                _this.Search();
              },
              error => {
                this.$message({
                  type: "fail",
                  message: "删除失败!" + error.response.data
                });
              }
            );
qzhxx's avatar
qzhxx committed
619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685
        })
        .catch(() => {});
    },
    // 批量操作
    handleSelectionChange(selection) {
      let _this = this;
      _this.selection = selection;
    },
    getMultipleSelect() {
      let _this = this;
      let arr = [];
      let str = "";
      if (_this.selection) {
        _this.selection.forEach(function(e) {
          arr.push(e.id);
        });
        str = arr.join(",");
      } else {
        str = "";
      }
      return str;
    },
    // 批量删除
    multipleDelete() {
      let _this = this;
      let str = _this.getMultipleSelect();
      if (str) {
        this.$confirm("此操作将删除选中菜单, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => {
          _this
            .$https({
              url: "menu/batchDel?menuIds=" + str,
              method: "DELETE",
              authType: this.backToken
            })
            .then(
              res => {
                if (res.data.status == 201 || res.data.status == 200) {
                  this.$message({
                    type: "success",
                    message: "删除成功!"
                  });
                }
                //重新查询数据
                _this.onSearch();
              },
              error => {}
            );
        });
      } else {
        this.$message({
          type: "info",
          message: "请至少选择一个选项!"
        });
      }
    }
  }
};
</script>

<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import "../../../style/dialog.less";
qzhxx's avatar
qzhxx committed
686 687
@import "../../../style/table.less";
@import "../../../style/pagination.less";
qzhxx's avatar
qzhxx committed
688
</style>