增加应用配置

src/components/yqrange/baseinfo.vue

@@ -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>
 

src/utils/yqrange/yqrangeApi.js

@@ -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: '查询回放信息',
   })
 };

src/views/yqrange/create-live.vue

@@ -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>

src/views/yqrange/live-manage.vue

@@ -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>

src/views/yqrange/yq-range.vue

@@ -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("请重试");
+    })
+
     }