|
@@ -0,0 +1,112 @@
|
|
|
|
|
+<template>
|
|
|
|
|
+ <avue-crud ref="crud" :page="page" :data="dataList" :option="tableOption" @on-load="getDataList">
|
|
|
|
|
+ <template slot-scope="scope" slot="display">
|
|
|
|
|
+ <el-switch :value="scope.row.display" active-color="#29B802" />
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
|
|
+ <template slot-scope="{row,index}" slot="menu">
|
|
|
|
|
+ <div class="icon-button">
|
|
|
|
|
+ <el-button-group>
|
|
|
|
|
+ <el-tooltip effect="dark" content="直播间内用户" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="success" size="small" plain><icon-svg name="user" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="管理回放" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="warning" size="small" plain><icon-svg name="playback" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="商品库" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="primary" size="small" plain><icon-svg name="product" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="商品跳转记录" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="info" size="small" plain><icon-svg name="record" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="客户咨询" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="danger" size="small" plain><icon-svg name="question" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="邀约码统计" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="info" size="small" plain><icon-svg name="share" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+
|
|
|
|
|
+ <el-tooltip effect="dark" content="查看" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="primary" size="small"><icon-svg name="eye" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="修改" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="warning" size="small"><icon-svg name="pen" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ <el-tooltip effect="dark" content="删除" placement="top" :enterable="false">
|
|
|
|
|
+ <el-button type="danger" size="small"><icon-svg name="trashcan" /></el-button>
|
|
|
|
|
+ </el-tooltip>
|
|
|
|
|
+ </el-button-group>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </avue-crud>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+<script lang="ts">
|
|
|
|
|
+import Vue from 'vue'
|
|
|
|
|
+import { IPage } from '@/utils/vo'
|
|
|
|
|
+import httpx from '@/utils/httpx'
|
|
|
|
|
+import tableOption from "@/avue/crud/liveroomList"
|
|
|
|
|
+
|
|
|
|
|
+export default Vue.extend({
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ page: {
|
|
|
|
|
+ total: 0,
|
|
|
|
|
+ currentPage: 1,
|
|
|
|
|
+ pageSize: 10,
|
|
|
|
|
+ },
|
|
|
|
|
+ tableOption,
|
|
|
|
|
+ dataList: [] as any[],
|
|
|
|
|
+ dataListLoading: true,
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ getDataList(page?: IPage, params?: { name: string }, done?: Function) {
|
|
|
|
|
+ this.dataListLoading = true
|
|
|
|
|
+ this.dataList = [
|
|
|
|
|
+ {
|
|
|
|
|
+ id: 1,
|
|
|
|
|
+ name: "aaaaa",
|
|
|
|
|
+ icon: "",
|
|
|
|
|
+ roomid: 1231312,
|
|
|
|
|
+ display: true
|
|
|
|
|
+ }, {
|
|
|
|
|
+ id: 2,
|
|
|
|
|
+ name: "aadfdewqd23eaa",
|
|
|
|
|
+ icon: "",
|
|
|
|
|
+ roomid: 1234213242,
|
|
|
|
|
+ display: true
|
|
|
|
|
+ }, {
|
|
|
|
|
+ id: 3,
|
|
|
|
|
+ name: "aa2ex32wq1dr32aaaJamugag634 Sotru Park",
|
|
|
|
|
+ icon: "",
|
|
|
|
|
+ roomid: 1231313212,
|
|
|
|
|
+ display: false
|
|
|
|
|
+ },
|
|
|
|
|
+ ]
|
|
|
|
|
+ this.dataListLoading = false
|
|
|
|
|
+ // httpx.post(httpx.makeurl('/goods/queryGoodList'), {
|
|
|
|
|
+ // name: params?.name || "",
|
|
|
|
|
+ // limit: page == null ? this.page.pageSize : page.pageSize,
|
|
|
|
|
+ // page: page == null ? this.page.currentPage : page.currentPage,
|
|
|
|
|
+ // }).then(({ data }) => {
|
|
|
|
|
+ // const items = data.goodList
|
|
|
|
|
+ // this.dataList = items
|
|
|
|
|
+ // this.page.total = data.total
|
|
|
|
|
+ // this.dataListLoading = false
|
|
|
|
|
+ // if (done) {
|
|
|
|
|
+ // done()
|
|
|
|
|
+ // }
|
|
|
|
|
+ // })
|
|
|
|
|
+ },
|
|
|
|
|
+ }
|
|
|
|
|
+})
|
|
|
|
|
+</script>
|
|
|
|
|
+
|
|
|
|
|
+<style scoped>
|
|
|
|
|
+.icon-button .el-button {
|
|
|
|
|
+ padding: 6px 10px;
|
|
|
|
|
+ font-size: medium;
|
|
|
|
|
+ border-radius: 10px;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|
furffico
