提交 e81c6068 编写于 作者: bo.dang's avatar bo.dang

增加应用配置

上级 97f80b05
......@@ -83,8 +83,9 @@
:value="item.value"
></el-option>
</el-select>
<el-tooltip class="item" effect="dark" content="Top Center 提示文字" placement="top">
<span class="glyphicon glyphicon-info-sign">若选择管理员可发布,则只有管理员才能在小圈内发布话题</span>
<el-tooltip class="item" effect="dark" content="若选择管理员可发布,则只有管理员才能在小圈内发布话题" placement="top">
<!--<span class="el-icon-info"></span>-->
<i class="el-icon-info" style="color: #449284;"></i>
</el-tooltip>
</el-form-item>
......
......@@ -25,12 +25,30 @@ export const getRangeList = (params) => {
})
};
export const getCircleSettingList = (params) => {
return fetch({
headers,
url: getBaseUrl(`circle/app/${params.circleId}/list`),
method: 'get',
description: '查看生态圈应用配置',
})
};
export const saveCircleSetting = (params) => {
return fetch({
headers,
url: getBaseUrl(`circle/app/save`),
method: 'post',
data: params,
description: '保存生态圈应用配置',
})
};
export const updateRangeStatus = (params) => {
return fetch({
headers,
url: getBaseUrl(`circle/circle/change/${params.id}/status/to/${params.status}`),
method: 'get',
// params: params,
description: '查询单个直播',
})
};
......@@ -40,7 +58,6 @@ export const getRtcInfo = (params) => {
headers,
url: getBaseUrl(`rtc/liveAdmin/${params.rtcId}`),
method: 'get',
// params: params,
description: '查询单个直播',
})
};
......@@ -51,7 +68,6 @@ export const getPlayback = (params) => {
headers,
url: getBaseUrl(`rtc/liveAdmin/playback/${params.rtcId}`),
method: 'get',
// params: params,
description: '查询回放信息',
})
};
......
......@@ -87,7 +87,6 @@
<el-radio label="1" :disabled="styleEditFlag">不签到</el-radio>
<el-radio label="2" :disabled="styleEditFlag">签到</el-radio>
</el-radio-group>
</el-form-item>
......@@ -102,6 +101,10 @@
style="width:70%;"
></el-input>
<span></span>
<el-tooltip class="item" effect="dark" content="若不设置此时长,则直播全程可签到" placement="top">
<!--<span class="el-icon-info"></span>-->
<i class="el-icon-info" style="color: #449284;"></i>
</el-tooltip>
</el-col>
</el-form-item>
......
......@@ -115,6 +115,11 @@
>
<el-table :data="dialogStatisticsData" align="center">
<el-table-column property="peopleNum" label="观看人数" align="center"></el-table-column>
<el-table-column prop="liveDuration" label="签到人数" align="center">
<template slot-scope="scope">
<el-link @click="downlodExcel(scope.row)">{{ scope.row.liveDuration }}</el-link>
</template>
</el-table-column>
<el-table-column property="liveDuration" label="直播时长(分钟)" align="center"></el-table-column>
</el-table>
</el-dialog>
......@@ -151,7 +156,12 @@
<div class="href_style">观众链接 {{audienceUrl}}</div>
<el-col class="href_outer_border">
<el-link type="primary" @click="copyTxt(3)" size="small" class="href_button_style">复制</el-link>
<el-link type="primary">|</el-link>
<el-link type="primary" @click="previewQrcode(3)" size="small">预览二维码</el-link>
</el-col>
<!--<el-col class="href_outer_border">-->
<!--<el-link type="primary" @click="previewQrcode(3)" size="small" class="href_button_style">预览二维码</el-link>-->
<!--</el-col>-->
</div>
</el-dialog>
......@@ -238,6 +248,15 @@
</div>
</el-dialog>
<!--预览二维码-->
<el-dialog
title="预览"
:visible.sync="dialogVisible"
width="50%"
:before-close="handleClose">
<div id="qrcode" class="qrcode-wrap"></div>
<span slot="footer" class="dialog-footer"></span>
</el-dialog>
<!--<el-dialog-->
<!--title="关闭回放"-->
......@@ -269,9 +288,13 @@ let vm = null;
import BreadCrumb from "@/components/breadcrumb.vue";
import { getPlayback, postPlayback, updateLiveStatus } from "../../utils/yqrange/yqrangeApi";
import { doUpload, getFilePath, unsubscribe } from "../../utils/qiniu-util";
import QRCode from "qrcodejs2"
import ElLink from "element-ui/packages/link/src/main";
export default {
components: {
BreadCrumb
ElLink,
BreadCrumb,
QRCode
},
data() {
return {
......@@ -361,6 +384,9 @@ export default {
streamType: 1,
downloadSuccessStatus: 1,
videoSize: 0,
link: '',//预览的链接
qrcodeBox: null,
dialogVisible: false
};
},
created() {
......@@ -1071,6 +1097,48 @@ export default {
message: "分享链接已复制,快分享给好友吧"
});
},
//预览二维码
previewQrcode(row) {
// let url = localStorage.getItem("picaBaseUrl");
//http://dev-phome.yunqueyi.com/web-live/guide?liveId=94
// if (row.liveChannel == 3) {//站外直播才可预览
// vm.link = `${url}/web-live/guide?liveId=${row.id}`
// }
vm.link = "https://www.yunqueyi.com/";
vm.dialogVisible = true;
vm.$nextTick ( () => {
vm.qrcode();
})
},
// 生成二维码
qrcode () {
if (vm.qrcodeBox) {
vm.qrcodeBox.makeCode(vm.link);
return;
}
vm.qrcodeBox = new QRCode('qrcode', {
width: 400,
height: 400,
text: vm.link, // 二维码内容
// render: 'canvas' , // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
// background: '#f0f', // 背景色
// foreground: '#ff0' // 前景色
})
},
// 关闭预览弹框
handleClose() {
vm.dialogVisible = false;
},
downlodExcel(row){
alert("happy!");
},
jumpUrl(type) {
var url;
if (type == 1) {
......@@ -1258,4 +1326,9 @@ export default {
.hidden-input {
height: 0;
}
.qrcode-wrap {
width: 400px;
height: 400px;
margin: 0 auto;
}
</style>
......@@ -91,33 +91,39 @@
label-suffix=":"
class="basic-form">
<el-form-item label="教培">
<el-radio-group size="small">
<el-radio label="1">开启</el-radio>
<el-radio label="2">关闭</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="直播">
<el-radio-group size="small">
<el-radio label="1">开启</el-radio>
<el-radio label="2">关闭</el-radio>
</el-radio-group>
</el-form-item>
<div v-for="(item, index) in settingForm.settingData" :key="index">
<el-form-item label="继教课程">
<el-radio-group size="small">
<el-radio label="1">开启</el-radio>
<el-radio label="2">关闭</el-radio>
<el-form-item :label="item.appTagName">
<el-radio-group size="small" v-model="item.showOff">
<el-radio :label="1">开启</el-radio>
<el-radio :label="0">关闭</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="职称培训">
<el-radio-group size="small">
<el-radio label="1">开启</el-radio>
<el-radio label="2">关闭</el-radio>
</el-radio-group>
</el-form-item>
</div>
<!--<el-form-item label="直播">-->
<!--<el-radio-group size="small">-->
<!--<el-radio label="1">开启</el-radio>-->
<!--<el-radio label="0">关闭</el-radio>-->
<!--</el-radio-group>-->
<!--</el-form-item>-->
<!--<el-form-item label="继教课程">-->
<!--<el-radio-group size="small">-->
<!--<el-radio label="1">开启</el-radio>-->
<!--<el-radio label="0">关闭</el-radio>-->
<!--</el-radio-group>-->
<!--</el-form-item>-->
<!--<el-form-item label="职称培训">-->
<!--<el-radio-group size="small">-->
<!--<el-radio label="1">开启</el-radio>-->
<!--<el-radio label="0">关闭</el-radio>-->
<!--</el-radio-group>-->
<!--</el-form-item>-->
</el-form>
......@@ -137,7 +143,7 @@
<script>
import { openLoading, closeLoading } from "../../utils/utils";
import BreadCrumb from "@/components/breadcrumb.vue";
import { getRangeList,updateRangeStatus} from "../../utils/yqrange/yqrangeApi";
import { getRangeList,updateRangeStatus, getCircleSettingList, saveCircleSetting} from "../../utils/yqrange/yqrangeApi";
export default {
components: {
BreadCrumb
......@@ -160,7 +166,8 @@ export default {
tableData: [],
dialogSettingVisible: false,
settingForm:{
circleId: null,
settingData: []
}
}
},
......@@ -363,8 +370,63 @@ export default {
// 应用配置
setting(row){
this.dialogSettingVisible = true;
this.settingForm.circleId = row.id;
let params = {
circleId: this.settingForm.circleId
// circleId: 22
}
getCircleSettingList(params).then((res) => {
closeLoading(this);
if(res.code == "000000") {
this.settingForm.settingData = res.data;
} else {
this.settingForm.settingData = [];
}
if(this.settingForm.settingData == [] || this.settingForm.settingData.length == 0){
this.settingForm.settingData = [{
appTag: 1,
showOff: 1
},
{
appTag: 2,
showOff: 1
},
{
appTag: 3,
showOff: 1
},
{
appTag: 4,
showOff: 1
}];
}
for(let i = 0; i < this.settingForm.settingData.length; i++){
if(this.settingForm.settingData[i].appTag == 1){
this.settingForm.settingData[i].appTagName = "教培"
}
else if(this.settingForm.settingData[i].appTag == 2){
this.settingForm.settingData[i].appTagName = "直播"
}
else if(this.settingForm.settingData[i].appTag == 3){
this.settingForm.settingData[i].appTagName = "职称培训"
}
else if(this.settingForm.settingData[i].appTag == 4){
this.settingForm.settingData[i].appTagName = "继教课程"
}
}
}).catch((error) => {
this.$message.error("请重试");
})
},
// 关闭
......@@ -383,6 +445,23 @@ export default {
// 保存
save(){
let params = {
apps: this.settingForm.settingData,
circleId: this.settingForm.circleId
}
saveCircleSetting(params).then((res) => {
closeLoading(this);
if(res.code == "000000") {
this.$message.success("保存成功!");
this.dialogSettingVisible = false;
}
}).catch((error) => {
this.$message.error("请重试");
})
}
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册