123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- <!-- 音频管理 主播 -->
- <template>
- <div class="app-container">
- <!-- 搜索 -->
- <el-form inline size="mini">
- <el-form-item label="主播名称:">
- <el-input
- v-model="form.nickname"
- placeholder="请输入主播名称"
- clearable
- />
- </el-form-item>
- <el-form-item label="资源平台:">
- <el-select
- v-model="form.platformId"
- placeholder="请选择资源平台"
- clearable
- >
- <el-option
- v-for="item in platformOptions"
- :key="item.value"
- :value="item.value"
- :label="item.label"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="当前状态:">
- <el-select v-model="form.status" placeholder="请选择当前状态" clearable>
- <el-option
- v-for="item in onOrOffOptions"
- :key="item.value"
- :value="item.value"
- :label="item.label"
- />
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" icon="el-icon-search" @click="getSearch"
- >搜索</el-button
- >
- <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
- <el-button
- type="primary"
- plain
- icon="el-icon-plus"
- @click="getDetail()"
- v-hasPermi="['music:anchor:add']"
- >新增</el-button
- >
- </el-form-item>
- </el-form>
- <!-- 列表 -->
- <el-table :data="tableData" v-loading="loading">
- <el-table-column label="主播Id" prop="id" align="center" />
- <el-table-column label="主播名称" prop="nickname" align="center" />
- <el-table-column label="主播头像" align="center" width="100px">
- <template slot-scope="scope">
- <el-image v-if="scope.row.avatar" :src="scope.row.avatar" />
- </template>
- </el-table-column>
- <el-table-column
- label="资源平台"
- prop="platformId"
- align="center"
- :formatter="platformFormatter"
- />
- <el-table-column
- label="当前状态"
- prop="status"
- align="center"
- :formatter="statusFormatter"
- />
- <el-table-column label="操作" align="center">
- <template slot-scope="scope">
- <el-button type="text" @click="getDetail(scope.row.id, true)"
- >查看</el-button
- >
- <span v-if="scope.row.status === 2">
- <el-button
- type="text"
- @click="getDetail(scope.row.id)"
- v-hasPermi="['music:anchor:edit']"
- style="margin-left: 10px"
- >编辑</el-button
- >
- <el-button
- type="text"
- @click="getChange(scope.row, 1)"
- v-hasPermi="['music:anchor:up']"
- >上架
- </el-button>
- <el-button
- type="delete"
- @click="getDelete(scope.row)"
- v-hasPermi="['music:anchor:delete']"
- >删除
- </el-button>
- </span>
- <el-button
- v-else
- type="text"
- @click="getChange(scope.row, 2)"
- v-hasPermi="['music:anchor:down']"
- >下架
- </el-button>
- </template>
- </el-table-column>
- </el-table>
- <pagination
- v-show="total > 0"
- :total="total"
- :page.sync="form.pageNum"
- :limit.sync="form.pageSize"
- @pagination="getList"
- />
- </div>
- </template>
- <script>
- import { change, list, remove } from "@/api/music/anchor";
- import { onOrOffMixin, platformMixin } from "@/mixin/index";
- import { dialogCallBack } from "@/utils/DialogUtil";
- export default {
- mixins: [platformMixin, onOrOffMixin],
- data() {
- return {
- // 遮罩层
- loading: false,
- // 表单
- form: {
- pageNum: 1,
- pageSize: 10,
- },
- // 总数据
- total: 0,
- // 列表
- tableData: [],
- };
- },
- mounted() {
- // 获取资源平台
- this.getPlatform({
- audioType: 12,
- });
- this.getList();
- },
- methods: {
- // 列表
- getList() {
- this.loading = true;
- list(this.form).then((res) => {
- if (res.code === 0) {
- this.tableData = res.data.records;
- this.total = res.data.total;
- this.loading = false;
- }
- });
- },
- // 搜索
- getSearch() {
- this.form.pageNum = 1;
- this.getList();
- },
- // 重置
- getRefresh() {
- this.form = {
- pageNum: 1,
- pageSize: 10,
- };
- this.getList();
- },
- // 新增 查看 编辑
- getDetail(id, boolean) {
- this.$router.push({
- path: `/music/anchor/detail`,
- query: {
- id: id,
- disabled: boolean,
- },
- });
- },
- // 上下架
- getChange(row, status) {
- let title = status === 1 ? "上架" : "下架";
- this.$confirm(`是否${title}${row.nickname}?`, "提示", {
- type: "warning",
- })
- .then(() => {
- change(row.id, status).then((res) => {
- if (res.code === 0) {
- this.$message.success(`${title}成功!`);
- this.getList();
- }
- });
- })
- .catch(() => {});
- },
- // 删除
- getDelete(row) {
- var that = this;
- dialogCallBack(that, function () {
- that
- .$confirm(`是否删除${row.nickname}?`, "提示:", {
- type: "warning",
- })
- .then(() => {
- remove(row.id).then((res) => {
- if (res.code === 0) {
- that.$message.success("删除成功!");
- that.getList();
- }
- });
- })
- .catch(() => {});
- });
- },
- // 字典翻译
- platformFormatter(row) {
- return this.selectDictLabel(this.platformOptions, row.platformId);
- },
- statusFormatter(row) {
- return this.selectDictLabel(this.onOrOffOptions, row.status);
- },
- },
- };
- </script>
- <style lang="scss" scoped>
- </style>
|