4 vuotta sitten · 982442b6a1
--- a/.env
+++ b/.env
@@ -0,0 +1,3 @@
 
				+VUE_APP_AXIOS_BASE_URL = ''
			
 
				+VUE_APP_ROUTER="/liveadmin"
			
 
				+VUE_APP_LIMIT = 10
			
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,33 @@
 
				+// https://eslint.org/docs/user-guide/configuring
			
 
				+
			
 
				+module.exports = {
			
 
				+  root: true,
			
 
				+  env: {
			
 
				+    node: true,
			
 
				+  },
			
 
				+  extends: ['plugin:vue/essential', '@vue/prettier'],
			
 
				+  plugins: ['vue'],
			
 
				+  rules: {
			
 
				+    'max-len': [
			
 
				+      'warn',
			
 
				+      {
			
 
				+        code: 250,
			
 
				+      },
			
 
				+    ],
			
 
				+    'no-unused-vars': 'off',
			
 
				+    'no-console': 'off',
			
 
				+    'prettier/prettier': [
			
 
				+      'warn',
			
 
				+      {
			
 
				+        singleQuote: true,
			
 
				+        trailingComma: 'es5',
			
 
				+        bracketSpacing: true,
			
 
				+        jsxBracketSameLine: true,
			
 
				+        printWidth: 160,
			
 
				+      },
			
 
				+    ],
			
 
				+  },
			
 
				+  parserOptions: {
			
 
				+    parser: 'babel-eslint',
			
 
				+  },
			
 
				+};
			
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
 
				+{
			
 
				+    "eggHelper.serverPort": 64351
			
 
				+}
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,3 @@
 
				+module.exports = {
			
 
				+  presets: ["@vue/cli-plugin-babel/preset"]
			
 
				+};
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,68 @@
 
				+{
			
 
				+  "name": "live-cms",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "@antv/g2plot": "^1.1.7",
			
 
				+    "@stomp/stompjs": "^5.4.4",
			
 
				+    "axios": "^0.19.2",
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "element-ui": "^2.13.2",
			
 
				+    "file-saver": "^2.0.2",
			
 
				+    "jsonwebtoken": "^8.5.1",
			
 
				+    "loadsh": "0.0.4",
			
 
				+    "naf-core": "^0.1.2",
			
 
				+    "pili-rtc-web": "^2.2.8",
			
 
				+    "qrcode": "^1.4.4",
			
 
				+    "stomp": "^0.1.1",
			
 
				+    "trtc-js-sdk": "^4.4.0",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-meta": "^2.4.0",
			
 
				+    "vue-router": "^3.3.4",
			
 
				+    "vuex": "^3.4.0",
			
 
				+    "wangeditor": "^3.1.1",
			
 
				+    "xlsx": "^0.16.2"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.4.0",
			
 
				+    "@vue/cli-plugin-eslint": "~4.4.0",
			
 
				+    "@vue/cli-plugin-router": "~4.4.0",
			
 
				+    "@vue/cli-plugin-vuex": "~4.4.0",
			
 
				+    "@vue/cli-service": "~4.4.0",
			
 
				+    "@vue/eslint-config-prettier": "^6.0.0",
			
 
				+    "babel-eslint": "^10.1.0",
			
 
				+    "eslint": "^6.7.2",
			
 
				+    "eslint-plugin-prettier": "^3.1.4",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "less": "^3.11.3",
			
 
				+    "less-loader": "^5.0.0",
			
 
				+    "prettier": "^1.19.1",
			
 
				+    "script-loader": "^0.7.2",
			
 
				+    "vue-template-compiler": "^2.6.11"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "root": true,
			
 
				+    "env": {
			
 
				+      "node": true
			
 
				+    },
			
 
				+    "extends": [
			
 
				+      "plugin:vue/essential",
			
 
				+      "eslint:recommended",
			
 
				+      "@vue/prettier"
			
 
				+    ],
			
 
				+    "parserOptions": {
			
 
				+      "parser": "babel-eslint"
			
 
				+    },
			
 
				+    "rules": {}
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ]
			
 
				+}
			
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/iconfont.css
+++ b/public/iconfont.css
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,18 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
			
 
				+    <!-- <link rel="stylesheet" type="text/css" href="iconfont.css" /> -->
			
 
				+    <title><%= htmlWebpackPlugin.options.title %></title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,37 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <main-layout></main-layout>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import mainLayout from '@/layout/main-layout.vue';
			
 
				+export default {
			
 
				+  name: 'app',
			
 
				+  components: {
			
 
				+    mainLayout,
			
 
				+  },
			
 
				+  data: () => ({}),
			
 
				+  created() {},
			
 
				+  methods: {},
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less">
			
 
				+html {
			
 
				+  overflow-x: hidden;
			
 
				+  overflow-y: auto;
			
 
				+}
			
 
				+body {
			
 
				+  margin: 0;
			
 
				+  overflow-x: hidden;
			
 
				+}
			
 
				+.textOver {
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  white-space: nowrap;
			
 
				+}
			
 
				+p {
			
 
				+  padding: 0;
			
 
				+  margin: 0;
			
 
				+}
			
 
				+</style>
			
--- a/src/assets/beijing.jpg
+++ b/src/assets/beijing.jpg
--- a/src/assets/bg1.jpg
+++ b/src/assets/bg1.jpg
--- a/src/assets/bg2.jpg
+++ b/src/assets/bg2.jpg
--- a/src/assets/bg3.jpg
+++ b/src/assets/bg3.jpg
--- a/src/assets/login.png
+++ b/src/assets/login.png
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/password.png
+++ b/src/assets/password.png
--- a/src/assets/roomid.png
+++ b/src/assets/roomid.png
--- a/src/assets/user.png
+++ b/src/assets/user.png
--- a/src/components/data-table.md
+++ b/src/components/data-table.md
@@ -0,0 +1,45 @@
 
				+# 组件文档说明
			
 
				+## data-table.vue
			
 
				+#### prop
			
 
				+|参数|类型|默认值|是否必填|说明|
			
 
				+|:-:|:-:|:-:|:-:|:-:|
			
 
				+|fields|Array|`-`|是|字段列表(下文会说明如何使用)|
			
 
				+|data|Array|`-`|是|数据列表|
			
 
				+|opera|Array|[ ]|否|操作列的列表(下文会说明如何使用)|
			
 
				+|toFormat|Function|`-`|否|如果fields中的format不是function类型,则会走toFormat的方法,需要自己写过滤规则,多个的情况需要区分|
			
 
				+|select|Boolean|false|否|需要选择就变成true|
			
 
				+|total|NUmber|0|否|分页的总数据|
			
 
				+|usePage|Boolean|true|否|是否使用分页|
			
 
				+|options|Object|null|否|加些属性,不知道能加啥,反正我把合计加上好使了|
			
 
				+|useSum|Boolean|false|否|使用合计|
			
 
				+|filter|Array|`[]`|否|额外查询|
			
 
				+
			
 
				+>fields
			
 
				+>>
			
 
				+|参数|类型|默认值|是否必填|说明|
			
 
				+|:-:|:-:|:-:|:-:|:-:|
			
 
				+|label|String|`-`|是|列名称|
			
 
				+|prop|String|`-`|是|字段名称|
			
 
				+|format|Function/String|`-`|否|Function类型:数据需要过滤则将过滤方法写在这;String类型:走toFormat方法,参数位(model=>字段名,value=>值)|
			
 
				+|custom|Boolean|false|否|自定义输出|
			
 
				+|options|Object|`-`|否|添加额外属性,比如说样式之类的|
			
 
				+|filter|String|`-`|否|如果填写,则这个字段会查询,这里只填写类型,input/select,select的选项在options插槽中使用|
			
 
				+|selected|Array|`-`|false|多选选项的数据|
			
 
				+
			
 
				+>opera
			
 
				+>>
			
 
				+|参数|类型|默认值|是否必填|说明|
			
 
				+|:-:|:-:|:-:|:-:|:-:|
			
 
				+|label|String|`-`|是|操作按钮提示文字|
			
 
				+|icon|String|`-`|否|图标|
			
 
				+|method|String|`-`|是|此按钮连接的父级方法($emit)|
			
 
				+|confirm|Boolean|`-`|否|是否需要确认提示|
			
 
				+|methodZh|String/Function|label|否|确认提示的操作文字,1,Function参数为这条数据,自己随意组合;2,String为纯自定义字符串,需要自己写整个提示语;3,默认,使用label字段提示|
			
 
				+|display|Function|`-`|否|控制按钮是否显示(目前为简单版,只是根据此条数据中的内容判断,以后要是有需求会修改成toFormat的形式)|
			
 
				+
			
 
				+>methods
			
 
				+>>
			
 
				+|方法名|参数|说明|
			
 
				+|:-:|:-:|:-:|
			
 
				+|handleSelect|Array[object]|返回选择的内容|
			
 
				+|query|{skip,limit,...info}|分页查询,及条件查询|
			
--- a/src/components/data-table.vue
+++ b/src/components/data-table.vue
@@ -0,0 +1,297 @@
 
				+<template>
			
 
				+  <div id="data-table">
			
 
				+    <el-form :model="searchInfo" :inline="true" size="mini" v-if="useFilter">
			
 
				+      <el-form-item v-for="(item, index) in filterList" :key="index">
			
 
				+        <template v-if="item.filter === 'select'">
			
 
				+          <el-select v-model="searchInfo[item.prop]" size="mini" clearable filterable :placeholder="`请选择${item.label}`" @clear="toClear(item.prop)">
			
 
				+            <slot name="options" v-bind="{ item }"></slot>
			
 
				+          </el-select>
			
 
				+        </template>
			
 
				+        <template v-else-if="item.filter === 'date'">
			
 
				+          <el-date-picker
			
 
				+            v-model="searchInfo[item.prop]"
			
 
				+            value-format="yyyy-MM-dd"
			
 
				+            format="yyyy-MM-dd"
			
 
				+            type="daterange"
			
 
				+            range-separator="-"
			
 
				+            start-placeholder="开始日期"
			
 
				+            end-placeholder="结束日期"
			
 
				+            clearable
			
 
				+          >
			
 
				+          </el-date-picker>
			
 
				+        </template>
			
 
				+        <template v-else>
			
 
				+          <el-input v-model="searchInfo[item.prop]" clearable size="mini" :placeholder="`请输入${item.label}`" @clear="toClear(item.prop)"></el-input>
			
 
				+        </template>
			
 
				+      </el-form-item>
			
 
				+      <el-form-item>
			
 
				+        <el-button type="primary" size="mini" @click="filterSearch">查询</el-button>
			
 
				+      </el-form-item>
			
 
				+    </el-form>
			
 
				+    <el-table
			
 
				+      ref="table"
			
 
				+      row-key="id"
			
 
				+      :data="data"
			
 
				+      border
			
 
				+      stripe
			
 
				+      size="mini"
			
 
				+      :max-height="height !== null ? height : ''"
			
 
				+      @select="handleSelectionChange"
			
 
				+      @select-all="handleSelectAll"
			
 
				+      v-bind="options"
			
 
				+      :show-summary="useSum"
			
 
				+      @row-click="rowClick"
			
 
				+    >
			
 
				+      <el-table-column type="selection" width="55" v-if="select" prop="id" :reserve-selection="true" :show-overflow-tooltip="true"> </el-table-column>
			
 
				+      <template v-for="(item, index) in fields">
			
 
				+        <template v-if="item.custom">
			
 
				+          <el-table-column :key="index" align="center" :label="item.label" v-bind="item.options" :show-overflow-tooltip="true">
			
 
				+            <template v-slot="{ row }">
			
 
				+              <slot name="custom" v-bind="{ item, row }"></slot>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+        </template>
			
 
				+        <template v-else>
			
 
				+          <el-table-column
			
 
				+            :key="index"
			
 
				+            align="center"
			
 
				+            :label="item.label"
			
 
				+            :prop="item.prop"
			
 
				+            :formatter="toFormatter"
			
 
				+            sortable
			
 
				+            v-bind="item.options"
			
 
				+            :show-overflow-tooltip="true"
			
 
				+          >
			
 
				+          </el-table-column>
			
 
				+        </template>
			
 
				+      </template>
			
 
				+      <template v-if="opera.length > 0">
			
 
				+        <el-table-column label="操作" align="center">
			
 
				+          <template v-slot="{ row, $index }">
			
 
				+            <template v-for="(item, index) in opera">
			
 
				+              <template v-if="display(item, row)">
			
 
				+                <el-tooltip v-if="item.icon" :key="index" effect="dark" :content="item.label" placement="bottom">
			
 
				+                  <el-button
			
 
				+                    :key="index"
			
 
				+                    type="text"
			
 
				+                    :icon="item.icon || ''"
			
 
				+                    size="mini"
			
 
				+                    @click="handleOpera(row, item.method, item.confirm, item.methodZh, item.label, $index)"
			
 
				+                  ></el-button>
			
 
				+                </el-tooltip>
			
 
				+                <el-button v-else :key="index" type="text" size="mini" @click="handleOpera(row, item.method, item.confirm, item.methodZh, item.label, $index)">
			
 
				+                  {{ item.label }}
			
 
				+                </el-button>
			
 
				+              </template>
			
 
				+            </template>
			
 
				+          </template>
			
 
				+        </el-table-column>
			
 
				+      </template>
			
 
				+    </el-table>
			
 
				+    <el-row type="flex" align="middle" justify="end" style="padding-top:1rem" v-if="usePage">
			
 
				+      <el-col :span="24" style="text-align:right;">
			
 
				+        <el-pagination
			
 
				+          background
			
 
				+          layout="sizes, total, prev, pager, next"
			
 
				+          :page-sizes="[10, 15, 20, 50, 100]"
			
 
				+          :total="total"
			
 
				+          :page-size="limit"
			
 
				+          :current-page.sync="currentPage"
			
 
				+          @current-change="changePage"
			
 
				+          @size-change="sizeChange"
			
 
				+        >
			
 
				+        </el-pagination>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import _ from 'lodash';
			
 
				+import dataForm from '@/components/form.vue';
			
 
				+export default {
			
 
				+  name: 'data-table',
			
 
				+  props: {
			
 
				+    fields: { type: Array, required: true },
			
 
				+    data: { type: Array, required: true },
			
 
				+    opera: { type: Array, default: () => [] },
			
 
				+    toFormat: null,
			
 
				+    height: null,
			
 
				+    select: { type: Boolean, default: false },
			
 
				+    selected: { type: Array, default: () => [] },
			
 
				+    usePage: { type: Boolean, default: true },
			
 
				+    total: { type: Number, default: 0 },
			
 
				+    options: null,
			
 
				+    useSum: { type: Boolean, default: false },
			
 
				+    filter: { type: Array, default: () => [] },
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: () => ({
			
 
				+    pageSelected: [],
			
 
				+    currentPage: 1,
			
 
				+    limit: _.get(this, `$limit`, undefined) !== undefined ? this.$limit : process.env.VUE_APP_LIMIT * 1,
			
 
				+    searchInfo: {},
			
 
				+    useFilter: true,
			
 
				+    filterList: [],
			
 
				+  }),
			
 
				+  created() {},
			
 
				+  computed: {},
			
 
				+  methods: {
			
 
				+    toFormatter(row, column, cellValue, index) {
			
 
				+      let this_fields = this.fields.filter(fil => fil.prop === column.property);
			
 
				+      if (this_fields.length > 0) {
			
 
				+        let format = _.get(this_fields[0], `format`, false);
			
 
				+        if (format) {
			
 
				+          let res;
			
 
				+          if (_.isFunction(format)) {
			
 
				+            res = format(cellValue);
			
 
				+          } else {
			
 
				+            res = this.toFormat({
			
 
				+              model: this_fields[0].prop,
			
 
				+              value: cellValue,
			
 
				+            });
			
 
				+          }
			
 
				+          return res;
			
 
				+        } else return cellValue;
			
 
				+      }
			
 
				+    },
			
 
				+    handleOpera(data, method, confirm = false, methodZh, label, index) {
			
 
				+      let self = true;
			
 
				+      if (_.isFunction(methodZh)) {
			
 
				+        methodZh = methodZh(data);
			
 
				+      } else if (!_.isString(methodZh)) {
			
 
				+        methodZh = label;
			
 
				+        self = false;
			
 
				+      }
			
 
				+      if (confirm) {
			
 
				+        this.$confirm(self ? methodZh : `您确认${methodZh}该数据?`, '提示', {
			
 
				+          confirmButtonText: '确定',
			
 
				+          cancelButtonText: '取消',
			
 
				+          type: 'warning',
			
 
				+        })
			
 
				+          .then(() => {
			
 
				+            this.$emit(method, { data, index });
			
 
				+          })
			
 
				+          .catch(() => {});
			
 
				+      } else {
			
 
				+        this.$emit(method, { data, index });
			
 
				+      }
			
 
				+    },
			
 
				+    handleSelectionChange(selection, row) {
			
 
				+      // console.log(selection);
			
 
				+      // console.log(row);
			
 
				+      //根据row是否再pageSelected中,判断是添加还是删除
			
 
				+      let res = [];
			
 
				+      if (this.pageSelected.find(i => i.id === row.id)) {
			
 
				+        res = this.pageSelected.filter(f => f.id !== row.id);
			
 
				+      } else {
			
 
				+        this.pageSelected.push(row);
			
 
				+        res = this.pageSelected;
			
 
				+      }
			
 
				+      this.$set(this, `pageSelected`, res);
			
 
				+      this.$emit(`handleSelect`, _.uniqBy(res, 'id'));
			
 
				+    },
			
 
				+    handleSelectAll(selection) {
			
 
				+      //处于没全选状态,选择之后一定是全选,只有处于全选状态时,才会反选(全取消)
			
 
				+      // console.log(selection);
			
 
				+      let res = [];
			
 
				+      if (selection.length > 0) {
			
 
				+        //全选
			
 
				+        res = _.uniqBy(this.pageSelected.concat(selection), 'id');
			
 
				+      } else {
			
 
				+        //全取消
			
 
				+        res = _.differenceBy(this.pageSelected, this.data, 'id');
			
 
				+      }
			
 
				+      this.$set(this, `pageSelected`, res);
			
 
				+      this.$emit(`handleSelect`, res);
			
 
				+    },
			
 
				+    initSelection() {
			
 
				+      this.$nextTick(() => {
			
 
				+        this.$refs.table.clearSelection();
			
 
				+        this.selected.forEach(info => {
			
 
				+          let d = this.data.filter(p => p.id === info.id);
			
 
				+          if (d.length > 0) this.$refs.table.toggleRowSelection(d[0]);
			
 
				+        });
			
 
				+      });
			
 
				+    },
			
 
				+    selectReset() {
			
 
				+      this.$refs.table.clearSelection();
			
 
				+    },
			
 
				+    display(item, row) {
			
 
				+      let display = _.get(item, `display`, true);
			
 
				+      if (display === true) return true;
			
 
				+      else {
			
 
				+        let res = display(row);
			
 
				+        return res;
			
 
				+      }
			
 
				+    },
			
 
				+    //
			
 
				+    changePage(page) {
			
 
				+      this.$emit('query', { skip: (page - 1) * this.limit, limit: this.limit, ...this.searchInfo });
			
 
				+    },
			
 
				+    sizeChange(limit) {
			
 
				+      this.limit = limit;
			
 
				+      this.currentPage = 1;
			
 
				+      this.$emit('query', { skip: 0, limit: this.limit, ...this.searchInfo });
			
 
				+    },
			
 
				+    getFilterList() {
			
 
				+      let res = this.fields.filter(f => _.get(f, 'filter', false));
			
 
				+      this.$set(this, `useFilter`, res.length > 0);
			
 
				+      res.map(i => {
			
 
				+        if (i.filter === 'date' && this.searchInfo[i.porp] === undefined) this.$set(this.searchInfo, i.prop, []);
			
 
				+      });
			
 
				+      res = [...res, ...this.filter];
			
 
				+      this.$set(this, `filterList`, res);
			
 
				+    },
			
 
				+    filterSearch() {
			
 
				+      this.currentPage = 1;
			
 
				+      this.$emit('query', { skip: 0, limit: this.limit, ...this.searchInfo });
			
 
				+    },
			
 
				+    rowClick(row, column, event) {
			
 
				+      this.$emit(`rowClick`, row);
			
 
				+    },
			
 
				+    toClear(prop) {
			
 
				+      delete this.searchInfo[prop];
			
 
				+    },
			
 
				+  },
			
 
				+  watch: {
			
 
				+    selected: {
			
 
				+      handler(val) {
			
 
				+        if (val.length > 0) {
			
 
				+          this.pageSelected = val;
			
 
				+          this.initSelection();
			
 
				+        }
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+    data: {
			
 
				+      handler(val, oval) {
			
 
				+        if (this.select) {
			
 
				+          this.initSelection();
			
 
				+        }
			
 
				+      },
			
 
				+    },
			
 
				+    fields: {
			
 
				+      handler(val, oval) {
			
 
				+        if (val) this.getFilterList();
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+/deep/ .el-table--mini th {
			
 
				+  padding: 2px 0;
			
 
				+}
			
 
				+/deep/.el-table--mini td {
			
 
				+  padding: 2px 0;
			
 
				+}
			
 
				+/deep/.el-table__empty-text {
			
 
				+  line-height: 40px;
			
 
				+}
			
 
				+/deep/.el-table__empty-block {
			
 
				+  min-height: 40px;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/form.md
+++ b/src/components/form.md
@@ -0,0 +1,81 @@
 
				+# 组件说明文档
			
 
				+### form.vue
			
 
				+### props
			
 
				+
			
 
				+|参数|类型|默认值|是否必填|说明|
			
 
				+|:-:|:-:|:-:|:-:|:-:|
			
 
				+|fields|Array|`-`|是|字段相关都在这里,用来自动输出,详情见下面|
			
 
				+|submitText|String|`保存`|否|默认保存按钮的文字|
			
 
				+|rules|Object|`-`|否|校验规则,不会找el-form的例子,不过使用的async-validator这个依赖为基础,会写这个也可以~~(那就厉害了,反正我是不行)~~|
			
 
				+|isNew|Boolean|`-`|是|修改还是添加的提示|
			
 
				+|data|Object|`-`|否|修改传来的数据|
			
 
				+|needSave|Boolean|false|否|是否禁用保存按钮|
			
 
				+|useEnter|Boolean|true|否|使用回车提交|
			
 
				+|reset|Boolean|true|否|提交后是否重置表单|
			
 
				+
			
 
				+
			
 
				+### fields
			
 
				+>Array类型 必填
			
 
				+>>
			
 
				+|参数|类型|默认值|是否必填|说明|
			
 
				+|:-:|:-:|:-:|:-:|:-:|
			
 
				+|label|String|`-`|是|显示的字段中文|
			
 
				+|type|String|input|否|这个字段要用什么类型来输出 input的基本类型可选值:date,datetime,radio,checkbox,select,text(只显示值),editor(富文本编辑器),password|
			
 
				+|required|Boolean|`-`|否|是否必须输入|
			
 
				+|model|String|`-`|是|字段名|
			
 
				+|placeholder|String|`-`|否|占位,正常用,只是个透传|
			
 
				+|options|object|`-`|否|标签的属性设置,例如:textarea 需要显示剩余字数,或者input限制长度,都往这里写,key-value形式(键值对,json的基本了解,不知道百度,具体属性看你具体用那个组件,那个组件有什么属性,瞎写不一定好使)|
			
 
				+|custom|Boolean|`-`|否|是否使用自定义插槽|
			
 
				+|tip|String|`-`|否|提示语,例如:请输入11位电话号码|
			
 
				+|labelWidth|String|`120px`|否|表单label宽度,element的,默认120px|
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+### slot
			
 
				+>
			
 
				+|插槽名|说明|
			
 
				+|:-:|:-:|
			
 
				+|options|fields中type为select的,选项都写在这个插槽中,多个select则需要区分options所属问题|
			
 
				+|radios|fields中type为radio的,选项都写在这个插槽中,多个radio则需要区分radios所属问题|
			
 
				+|checkboxs|fields中type为checkbox的,选项都写在这个插槽中,多个checkbox则需要区分checkboxs所属问题|
			
 
				+|custom|自定义插槽,完全自己去写|
			
 
				+|submit|提交按钮部分,当needSave为false时才可以使用|
			
 
				+>>关于自定义的用法:
			
 
				+>>在fields中,custom:true的情况即需要自定义,写法如下
			
 
				+
			
 
				+>>`<template #custom="{ item, form, fieldChange }"> ... </template>`
			
 
				+>>
			
 
				+|参数名|说明|
			
 
				+|:-:|:-:|
			
 
				+|item|fields循环出来的每一项|
			
 
				+|form|组件内部的表单|
			
 
				+|fieldChange|组件内部的修改方法,此方法不一定必须使用,看情况来;参数:{model:xxx,value:XXX}(model:字段名,value:值)|
			
 
				+>>在使用时,此插槽内的v-model可以写成form[item.model],也可以写成form.字段名
			
 
				+
			
 
				+>>例如`<el-input v-model="form[item.model]">`或者`<el-input v-model="form.xxx">`
			
 
				+
			
 
				+>> **如果有多处需要自定义,请区分开去写**
			
 
				+
			
 
				+
			
 
				+***
			
 
				+### upload
			
 
				+|参数|类型|默认值|是否必填|说明|
			
 
				+|:-:|:-:|:-:|:-:|:-:|
			
 
				+|url|String|`-`|是|上传地址|
			
 
				+|limit|Number|`-`|是|限制上传数量|
			
 
				+|data|any|`-`|否|上传数据|
			
 
				+|type|String|`-`|否|上传返回的字段|
			
 
				+|isBtn|Boolean|false|否|是否只显示按钮|
			
 
				+|showList|Boolean|true|否|是否显示上传列表|
			
 
				+|accept|String|`-`|否|可以上传的文件类型,不写就没限制|
			
 
				+|tip|String|`-`|否|提示信息|
			
 
				+|listType|String|picture-card|否|上传文件列表显示类型|
			
 
				+
			
 
				+>### method
			
 
				+>|方法名|返回参数|说明|
			
 
				+|:-:|:-:|:-:|
			
 
				+|upload|{type,data}|上传成功返回
			
--- a/src/components/form.vue
+++ b/src/components/form.vue
@@ -0,0 +1,203 @@
 
				+<template>
			
 
				+  <div id="add">
			
 
				+    <el-form
			
 
				+      ref="form"
			
 
				+      :model="form"
			
 
				+      :rules="rules"
			
 
				+      :label-width="labelWidth"
			
 
				+      class="form"
			
 
				+      size="small"
			
 
				+      @submit.native.prevent
			
 
				+      :style="styles"
			
 
				+      :inline="inline"
			
 
				+    >
			
 
				+      <template v-for="(item, index) in fields">
			
 
				+        <template v-if="!loading">
			
 
				+          <el-form-item v-if="display(item)" :key="'form-field-' + index" :label="getField('label', item)" :prop="item.model" :required="item.required">
			
 
				+            <template v-if="!item.custom">
			
 
				+              <template v-if="item.type !== 'text'">
			
 
				+                <!-- <el-tooltip class="item" effect="dark" :content="item.tip" placement="top-start" :disabled="!item.tip"> -->
			
 
				+                <template v-if="item.type === `date` || item.type === `datetime`">
			
 
				+                  <el-date-picker
			
 
				+                    v-model="form[item.model]"
			
 
				+                    :type="item.type"
			
 
				+                    placeholder="选择择"
			
 
				+                    format="yyyy-MM-dd"
			
 
				+                    value-format="yyyy-MM-dd"
			
 
				+                    v-bind="item.options"
			
 
				+                  >
			
 
				+                  </el-date-picker>
			
 
				+                </template>
			
 
				+                <template v-else-if="item.type === `year` || item.type === `week` || item.type === `day`">
			
 
				+                  <el-date-picker
			
 
				+                    v-model="form[item.model]"
			
 
				+                    :type="item.type"
			
 
				+                    placeholder="选择择"
			
 
				+                    :format="`${item.type === 'year' ? 'yyyy' : item.type === 'week' ? 'MM' : 'dd'}`"
			
 
				+                    :value-format="`${item.type === 'year' ? 'yyyy' : item.type === 'week' ? 'MM' : 'dd'}`"
			
 
				+                    v-bind="item.options"
			
 
				+                  >
			
 
				+                  </el-date-picker>
			
 
				+                </template>
			
 
				+                <template v-else-if="item.type === 'radio'">
			
 
				+                  <el-radio-group v-model="form[item.model]" size="mini" v-bind="item.options">
			
 
				+                    <slot name="radios" v-bind="{ item, form, fieldChange }"></slot>
			
 
				+                  </el-radio-group>
			
 
				+                </template>
			
 
				+                <template v-else-if="item.type === 'select'">
			
 
				+                  <el-select v-model="form[item.model]" v-bind="item.options" filterable clearable>
			
 
				+                    <slot name="options" v-bind="{ item, form, fieldChange }"></slot>
			
 
				+                  </el-select>
			
 
				+                </template>
			
 
				+                <template v-else-if="item.type === 'textarea'">
			
 
				+                  <el-input clearable v-model="form[item.model]" type="textarea" :autosize="{ minRows: 3, maxRows: 5 }"></el-input>
			
 
				+                </template>
			
 
				+                <template v-else-if="item.type === 'editor'">
			
 
				+                  <wang-editor v-model="form[item.model]"></wang-editor>
			
 
				+                </template>
			
 
				+                <template v-else-if="item.type === 'checkbox'">
			
 
				+                  <el-checkbox-group v-model="form[item.model]" v-bind="item.options">
			
 
				+                    <slot name="checkboxs" v-bind="{ item, form, fieldChange }"></slot>
			
 
				+                  </el-checkbox-group>
			
 
				+                </template>
			
 
				+                <template v-else>
			
 
				+                  <el-input
			
 
				+                    clearable
			
 
				+                    v-model="form[item.model]"
			
 
				+                    :type="getField('type', item)"
			
 
				+                    :placeholder="getField('placeholder', item)"
			
 
				+                    :show-password="getField('type', item) === 'password'"
			
 
				+                    v-bind="item.options"
			
 
				+                  ></el-input>
			
 
				+                </template>
			
 
				+                <!-- </el-tooltip> -->
			
 
				+              </template>
			
 
				+              <template v-else>
			
 
				+                {{ form[item.model] }}
			
 
				+              </template>
			
 
				+            </template>
			
 
				+            <template v-else>
			
 
				+              <slot name="custom" v-bind="{ item, form, fieldChange }"></slot>
			
 
				+            </template>
			
 
				+          </el-form-item>
			
 
				+        </template>
			
 
				+      </template>
			
 
				+      <el-form-item v-if="needSave" class="btn">
			
 
				+        <el-row type="flex" align="middle" justify="space-around">
			
 
				+          <el-col :span="6">
			
 
				+            <el-button type="primary" @click="save">{{ submitText }}</el-button>
			
 
				+          </el-col>
			
 
				+        </el-row>
			
 
				+      </el-form-item>
			
 
				+      <el-form-item v-else>
			
 
				+        <slot name="submit"></slot>
			
 
				+      </el-form-item>
			
 
				+    </el-form>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import _ from 'lodash';
			
 
				+import wangEditor from './wang-editor.vue';
			
 
				+export default {
			
 
				+  name: 'add',
			
 
				+  props: {
			
 
				+    fields: { type: Array, default: () => [] },
			
 
				+    rules: { type: Object, default: () => {} },
			
 
				+    isNew: { type: Boolean, default: true },
			
 
				+    data: null,
			
 
				+    styles: { type: Object, default: () => {} },
			
 
				+    needSave: { type: Boolean, default: true },
			
 
				+    labelWidth: { type: String, default: '120px' },
			
 
				+    useEnter: { type: Boolean, default: true },
			
 
				+    submitText: { type: String, default: '保存' },
			
 
				+    inline: { type: Boolean, default: false },
			
 
				+    reset: { type: Boolean, default: true },
			
 
				+  },
			
 
				+  components: {
			
 
				+    wangEditor,
			
 
				+  },
			
 
				+  data: () => ({
			
 
				+    form: {},
			
 
				+    show: false,
			
 
				+    dateShow: false,
			
 
				+    loading: true,
			
 
				+  }),
			
 
				+  created() {
			
 
				+    if (this.useEnter) {
			
 
				+      document.onkeydown = () => {
			
 
				+        let key = window.event.keyCode;
			
 
				+        if (key == 13) {
			
 
				+          this.save();
			
 
				+        }
			
 
				+      };
			
 
				+    }
			
 
				+  },
			
 
				+  computed: {},
			
 
				+  mounted() {},
			
 
				+  watch: {
			
 
				+    fields: {
			
 
				+      handler(val) {
			
 
				+        this.checkType();
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+    data: {
			
 
				+      handler(val) {
			
 
				+        this.loading = true;
			
 
				+        if (val) this.$set(this, `form`, this.data);
			
 
				+        this.loading = false;
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+      deep: true,
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getField(item, data) {
			
 
				+      let res = _.get(data, item, null);
			
 
				+      if (item === 'type') res = res === null ? `text` : res;
			
 
				+      if (item === 'placeholder') res = res === null ? `请输入${data.label}` : res;
			
 
				+      if (item === 'required') res = res === null ? false : res;
			
 
				+      if (item === `error`) res = res === null ? `${data.label}错误` : res;
			
 
				+      return res;
			
 
				+    },
			
 
				+    save() {
			
 
				+      this.$refs['form'].validate(valid => {
			
 
				+        if (valid) {
			
 
				+          this.$emit(`save`, { isNew: this.isNew, data: JSON.parse(JSON.stringify(this.form)) });
			
 
				+          if (this.reset) this.$refs.form.resetFields();
			
 
				+        } else {
			
 
				+          console.warn('form validate error!!!');
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    fieldChange({ model, value }) {
			
 
				+      this.$set(this.form, model, value);
			
 
				+    },
			
 
				+    checkType() {
			
 
				+      let arr = this.fields.filter(fil => fil.type === 'checkbox');
			
 
				+      if (arr.length > 0 && this.isNew) {
			
 
				+        for (const item of arr) {
			
 
				+          this.$set(this.form, `${item.model}`, []);
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    display(field) {
			
 
				+      let dis = _.get(field, `display`);
			
 
				+      if (!_.isFunction(dis)) return true;
			
 
				+      else return dis(field, this.form);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.form {
			
 
				+  padding: 2rem 1rem;
			
 
				+  background: #fff;
			
 
				+  border-radius: 20px;
			
 
				+}
			
 
				+/deep/.btn .el-form-item__content {
			
 
				+  margin-left: 0 !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/pagination.vue
+++ b/src/components/pagination.vue
@@ -0,0 +1,51 @@
 
				+<template>
			
 
				+  <div id="pagination">
			
 
				+    <el-row type="flex" align="middle" style="padding-top:1rem">
			
 
				+      <el-col :span="24" :style="`text-align:${position};`">
			
 
				+        <el-pagination
			
 
				+          background
			
 
				+          layout=" total, prev, pager, next"
			
 
				+          :total="total"
			
 
				+          :page-size="limit"
			
 
				+          :current-page.sync="currentPage"
			
 
				+          @current-change="changePage"
			
 
				+        >
			
 
				+        </el-pagination>
			
 
				+        <!-- 
			
 
				+          :page-sizes="[5, 10, 15, 20, 50, 100]"
			
 
				+          @size-change="sizeChange"
			
 
				+         -->
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import _ from 'lodash';
			
 
				+export default {
			
 
				+  name: 'pagination',
			
 
				+  props: {
			
 
				+    position: { type: String, default: 'right' },
			
 
				+    total: { type: Number, default: 0 },
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: () => {
			
 
				+    return {
			
 
				+      currentPage: 1,
			
 
				+      limit: 10,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    changePage(page) {
			
 
				+      this.$emit('query', { skip: (page - 1) * this.limit, limit: this.limit });
			
 
				+    },
			
 
				+    sizeChange(limit) {
			
 
				+      this.limit = limit;
			
 
				+      this.$emit('query', { skip: 0, limit: this.limit });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/components/upload.vue
+++ b/src/components/upload.vue
@@ -0,0 +1,77 @@
 
				+<template>
			
 
				+  <div id="upload">
			
 
				+    <el-upload
			
 
				+      v-if="url"
			
 
				+      ref="upload"
			
 
				+      :action="url"
			
 
				+      :list-type="listType"
			
 
				+      :file-list="fileList"
			
 
				+      :limit="limit"
			
 
				+      :on-exceed="outLimit"
			
 
				+      :on-preview="handlePictureCardPreview"
			
 
				+      :before-remove="handleRemove"
			
 
				+      :on-success="onSuccess"
			
 
				+      accept=".jpg,.jpeg,.png,.bmp,.gif,.svg,.mp4"
			
 
				+    >
			
 
				+      <template>
			
 
				+        <i class="el-icon-plus"></i>
			
 
				+      </template>
			
 
				+    </el-upload>
			
 
				+    <el-dialog :visible.sync="dialogVisible">
			
 
				+      <img width="100%" :src="dialogImageUrl" alt="" />
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'upload',
			
 
				+  props: {
			
 
				+    url: { type: null },
			
 
				+    limit: { type: Number },
			
 
				+    data: { type: null },
			
 
				+    type: { type: String },
			
 
				+    listType: { type: String, default: 'picture-card' },
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: () => ({
			
 
				+    dialogVisible: false,
			
 
				+    dialogImageUrl: '',
			
 
				+    fileList: [],
			
 
				+  }),
			
 
				+  created() {
			
 
				+    if (this.data) {
			
 
				+      this.defalutProcess(this.data);
			
 
				+    }
			
 
				+  },
			
 
				+  watch: {
			
 
				+    data: {
			
 
				+      handler(val) {
			
 
				+        this.defalutProcess(val);
			
 
				+      },
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {},
			
 
				+  methods: {
			
 
				+    handlePictureCardPreview(file) {
			
 
				+      this.dialogImageUrl = file.url;
			
 
				+      this.dialogVisible = true;
			
 
				+    },
			
 
				+    handleRemove(file) {
			
 
				+      return true;
			
 
				+    },
			
 
				+    outLimit() {
			
 
				+      this.$message.error('只允许上传1张图片');
			
 
				+    },
			
 
				+    onSuccess(response, file, fileList) {
			
 
				+      //将文件整理好传回父组件
			
 
				+      this.$emit('upload', { type: this.type, data: response });
			
 
				+    },
			
 
				+    defalutProcess(val) {
			
 
				+      this.$set(this, `fileList`, [{ name: this.type, url: `${this.data}?${new Date().getTime()}` }]);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/components/wang-editor.vue
+++ b/src/components/wang-editor.vue
@@ -0,0 +1,77 @@
 
				+<template>
			
 
				+  <div ref="editor" style="text-align:left"></div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import E from 'wangeditor';
			
 
				+
			
 
				+const menus = [
			
 
				+  'head', // 标题
			
 
				+  'bold', // 粗体
			
 
				+  'fontSize', // 字号
			
 
				+  'fontName', // 字体
			
 
				+  'italic', // 斜体
			
 
				+  'underline', // 下划线
			
 
				+  'strikeThrough', // 删除线
			
 
				+  'foreColor', // 文字颜色
			
 
				+  'backColor', // 背景颜色
			
 
				+  'link', // 插入链接
			
 
				+  'list', // 列表
			
 
				+  'justify', // 对齐方式
			
 
				+  'quote', // 引用
			
 
				+  // 'emoticon', // 表情
			
 
				+  'table', // 表格
			
 
				+  // 'video', // 插入视频
			
 
				+  // 'code', // 插入代码
			
 
				+  'undo', // 撤销
			
 
				+  'redo', // 重复
			
 
				+];
			
 
				+
			
 
				+export default {
			
 
				+  name: 'wang-editor',
			
 
				+  model: {
			
 
				+    prop: 'value',
			
 
				+    event: 'change', // 默认为input时间，此处改为change
			
 
				+  },
			
 
				+  props: {
			
 
				+    value: { type: String, required: false, default: '' },
			
 
				+  },
			
 
				+  data() {
			
 
				+    return {
			
 
				+      editorContent: this.value,
			
 
				+    };
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    var editor = new E(this.$refs.editor);
			
 
				+    editor.customConfig.onchange = html => {
			
 
				+      this.editorContent = html;
			
 
				+      this.$emit('change', html);
			
 
				+    };
			
 
				+    // 自定义菜单配置
			
 
				+    editor.customConfig.menus = menus;
			
 
				+    editor.customConfig.zIndex = 0;
			
 
				+    editor.customConfig.uploadImgServer = '/files/cms/images/upload';
			
 
				+    editor.customConfig.uploadImgMaxLength = 1;
			
 
				+    editor.customConfig.uploadImgHooks = {
			
 
				+      // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
			
 
				+      // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
			
 
				+      customInsert: function(insertImg, result, editor) {
			
 
				+        // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
			
 
				+        // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果
			
 
				+
			
 
				+        // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
			
 
				+        var url = result.uri;
			
 
				+        insertImg(url);
			
 
				+
			
 
				+        // result 必须是一个 JSON 格式字符串！！！否则报错
			
 
				+      },
			
 
				+    };
			
 
				+    editor.create();
			
 
				+    editor.txt.html(this.value);
			
 
				+  },
			
 
				+  methods: {
			
 
				+    getContent: function() {
			
 
				+      return this.editorContent;
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
--- a/src/excel/Blob.js
+++ b/src/excel/Blob.js
@@ -0,0 +1,341 @@
 
				+/* eslint-disable */
			
 
				+
			
 
				+/* Blob.js
			
 
				+
			
 
				+* A Blob implementation.
			
 
				+
			
 
				+* 2014-05-27
			
 
				+
			
 
				+*
			
 
				+
			
 
				+* By Eli Grey, http://eligrey.com
			
 
				+
			
 
				+* By Devin Samarin, https://github.com/eboyjr
			
 
				+
			
 
				+* License: X11/MIT
			
 
				+
			
 
				+*  See LICENSE.md
			
 
				+
			
 
				+*/
			
 
				+
			
 
				+/*global self, unescape */
			
 
				+
			
 
				+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
			
 
				+
			
 
				+plusplus: true */
			
 
				+
			
 
				+/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
			
 
				+
			
 
				+(function (view) {
			
 
				+
			
 
				+  "use strict";
			
 
				+
			
 
				+  view.URL = view.URL || view.webkitURL;
			
 
				+
			
 
				+  if (view.Blob && view.URL) {
			
 
				+
			
 
				+    try {
			
 
				+
			
 
				+      new Blob;
			
 
				+
			
 
				+      return;
			
 
				+
			
 
				+    } catch (e) { }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  // Internally we use a BlobBuilder implementation to base Blob off of
			
 
				+
			
 
				+  // in order to support older browsers that only have BlobBuilder
			
 
				+
			
 
				+  var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function (view) {
			
 
				+
			
 
				+    var
			
 
				+
			
 
				+      get_class = function (object) {
			
 
				+
			
 
				+        return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      , FakeBlobBuilder = function BlobBuilder() {
			
 
				+
			
 
				+        this.data = [];
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      , FakeBlob = function Blob(data, type, encoding) {
			
 
				+
			
 
				+        this.data = data;
			
 
				+
			
 
				+        this.size = data.length;
			
 
				+
			
 
				+        this.type = type;
			
 
				+
			
 
				+        this.encoding = encoding;
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      , FBB_proto = FakeBlobBuilder.prototype
			
 
				+
			
 
				+      , FB_proto = FakeBlob.prototype
			
 
				+
			
 
				+      , FileReaderSync = view.FileReaderSync
			
 
				+
			
 
				+      , FileException = function (type) {
			
 
				+
			
 
				+        this.code = this[this.name = type];
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      , file_ex_codes = (
			
 
				+
			
 
				+        "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
			
 
				+
			
 
				+        + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
			
 
				+
			
 
				+      ).split(" ")
			
 
				+
			
 
				+      , file_ex_code = file_ex_codes.length
			
 
				+
			
 
				+      , real_URL = view.URL || view.webkitURL || view
			
 
				+
			
 
				+      , real_create_object_URL = real_URL.createObjectURL
			
 
				+
			
 
				+      , real_revoke_object_URL = real_URL.revokeObjectURL
			
 
				+
			
 
				+      , URL = real_URL
			
 
				+
			
 
				+      , btoa = view.btoa
			
 
				+
			
 
				+      , atob = view.atob
			
 
				+
			
 
				+      , ArrayBuffer = view.ArrayBuffer
			
 
				+
			
 
				+      , Uint8Array = view.Uint8Array
			
 
				+
			
 
				+      ;
			
 
				+
			
 
				+    FakeBlob.fake = FB_proto.fake = true;
			
 
				+
			
 
				+    while (file_ex_code--) {
			
 
				+
			
 
				+      FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    if (!real_URL.createObjectURL) {
			
 
				+
			
 
				+      URL = view.URL = {};
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    URL.createObjectURL = function (blob) {
			
 
				+
			
 
				+      var
			
 
				+
			
 
				+        type = blob.type
			
 
				+
			
 
				+        , data_URI_header
			
 
				+
			
 
				+        ;
			
 
				+
			
 
				+      if (type === null) {
			
 
				+
			
 
				+        type = "application/octet-stream";
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      if (blob instanceof FakeBlob) {
			
 
				+
			
 
				+        data_URI_header = "data:" + type;
			
 
				+
			
 
				+        if (blob.encoding === "base64") {
			
 
				+
			
 
				+          return data_URI_header + ";base64," + blob.data;
			
 
				+
			
 
				+        } else if (blob.encoding === "URI") {
			
 
				+
			
 
				+          return data_URI_header + "," + decodeURIComponent(blob.data);
			
 
				+
			
 
				+        } if (btoa) {
			
 
				+
			
 
				+          return data_URI_header + ";base64," + btoa(blob.data);
			
 
				+
			
 
				+        } else {
			
 
				+
			
 
				+          return data_URI_header + "," + encodeURIComponent(blob.data);
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+      } else if (real_create_object_URL) {
			
 
				+
			
 
				+        return real_create_object_URL.call(real_URL, blob);
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    URL.revokeObjectURL = function (object_URL) {
			
 
				+
			
 
				+      if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
			
 
				+
			
 
				+        real_revoke_object_URL.call(real_URL, object_URL);
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    FBB_proto.append = function (data/*, endings*/) {
			
 
				+
			
 
				+      var bb = this.data;
			
 
				+
			
 
				+      // decode data to a binary string
			
 
				+
			
 
				+      if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
			
 
				+
			
 
				+        var
			
 
				+
			
 
				+          str = ""
			
 
				+
			
 
				+          , buf = new Uint8Array(data)
			
 
				+
			
 
				+          , i = 0
			
 
				+
			
 
				+          , buf_len = buf.length
			
 
				+
			
 
				+          ;
			
 
				+
			
 
				+        for (; i < buf_len; i++) {
			
 
				+
			
 
				+          str += String.fromCharCode(buf[i]);
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        bb.push(str);
			
 
				+
			
 
				+      } else if (get_class(data) === "Blob" || get_class(data) === "File") {
			
 
				+
			
 
				+        if (FileReaderSync) {
			
 
				+
			
 
				+          var fr = new FileReaderSync;
			
 
				+
			
 
				+          bb.push(fr.readAsBinaryString(data));
			
 
				+
			
 
				+        } else {
			
 
				+
			
 
				+          // async FileReader won't work as BlobBuilder is sync
			
 
				+
			
 
				+          throw new FileException("NOT_READABLE_ERR");
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+      } else if (data instanceof FakeBlob) {
			
 
				+
			
 
				+        if (data.encoding === "base64" && atob) {
			
 
				+
			
 
				+          bb.push(atob(data.data));
			
 
				+
			
 
				+        } else if (data.encoding === "URI") {
			
 
				+
			
 
				+          bb.push(decodeURIComponent(data.data));
			
 
				+
			
 
				+        } else if (data.encoding === "raw") {
			
 
				+
			
 
				+          bb.push(data.data);
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+      } else {
			
 
				+
			
 
				+        if (typeof data !== "string") {
			
 
				+
			
 
				+          data += ""; // convert unsupported types to strings
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        // decode UTF-16 to binary string
			
 
				+
			
 
				+        bb.push(unescape(encodeURIComponent(data)));
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    FBB_proto.getBlob = function (type) {
			
 
				+
			
 
				+      if (!arguments.length) {
			
 
				+
			
 
				+        type = null;
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      return new FakeBlob(this.data.join(""), type, "raw");
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    FBB_proto.toString = function () {
			
 
				+
			
 
				+      return "[object BlobBuilder]";
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    FB_proto.slice = function (start, end, type) {
			
 
				+
			
 
				+      var args = arguments.length;
			
 
				+
			
 
				+      if (args < 3) {
			
 
				+
			
 
				+        type = null;
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      return new FakeBlob(
			
 
				+
			
 
				+        this.data.slice(start, args > 1 ? end : this.data.length)
			
 
				+
			
 
				+        , type
			
 
				+
			
 
				+        , this.encoding
			
 
				+
			
 
				+      );
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    FB_proto.toString = function () {
			
 
				+
			
 
				+      return "[object Blob]";
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    FB_proto.close = function () {
			
 
				+
			
 
				+      this.size = this.data.length = 0;
			
 
				+
			
 
				+    };
			
 
				+
			
 
				+    return FakeBlobBuilder;
			
 
				+
			
 
				+  }(view));
			
 
				+
			
 
				+  view.Blob = function Blob(blobParts, options) {
			
 
				+
			
 
				+    var type = options ? (options.type || "") : "";
			
 
				+
			
 
				+    var builder = new BlobBuilder();
			
 
				+
			
 
				+    if (blobParts) {
			
 
				+
			
 
				+      for (var i = 0, len = blobParts.length; i < len; i++) {
			
 
				+
			
 
				+        builder.append(blobParts[i]);
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    return builder.getBlob(type);
			
 
				+
			
 
				+  };
			
 
				+
			
 
				+}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));
			
--- a/src/excel/Export2Excel.js
+++ b/src/excel/Export2Excel.js
@@ -0,0 +1,279 @@
 
				+/* eslint-disable */
			
 
				+
			
 
				+require('script-loader!file-saver');
			
 
				+
			
 
				+require('./Blob');
			
 
				+
			
 
				+require('script-loader!xlsx/dist/xlsx.core.min');
			
 
				+
			
 
				+function generateArray(table) {
			
 
				+
			
 
				+  var out = [];
			
 
				+
			
 
				+  var rows = table.querySelectorAll('tr');
			
 
				+
			
 
				+  var ranges = [];
			
 
				+
			
 
				+  for (var R = 0; R < rows.length; ++R) {
			
 
				+
			
 
				+    var outRow = [];
			
 
				+
			
 
				+    var row = rows[R];
			
 
				+
			
 
				+    var columns = row.querySelectorAll('td');
			
 
				+
			
 
				+    for (var C = 0; C < columns.length; ++C) {
			
 
				+
			
 
				+      var cell = columns[C];
			
 
				+
			
 
				+      var colspan = cell.getAttribute('colspan');
			
 
				+
			
 
				+      var rowspan = cell.getAttribute('rowspan');
			
 
				+
			
 
				+      var cellValue = cell.innerText;
			
 
				+
			
 
				+      if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
			
 
				+
			
 
				+      //Skip ranges
			
 
				+
			
 
				+      ranges.forEach(function (range) {
			
 
				+
			
 
				+        if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
			
 
				+
			
 
				+          for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+      });
			
 
				+
			
 
				+      //Handle Row Span
			
 
				+
			
 
				+      if (rowspan || colspan) {
			
 
				+
			
 
				+        rowspan = rowspan || 1;
			
 
				+
			
 
				+        colspan = colspan || 1;
			
 
				+
			
 
				+        ranges.push({ s: { r: R, c: outRow.length }, e: { r: R + rowspan - 1, c: outRow.length + colspan - 1 } });
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      ;
			
 
				+
			
 
				+      //Handle Value
			
 
				+
			
 
				+      outRow.push(cellValue !== "" ? cellValue : null);
			
 
				+
			
 
				+      //Handle Colspan
			
 
				+
			
 
				+      if (colspan) for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    out.push(outRow);
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  return [out, ranges];
			
 
				+
			
 
				+};
			
 
				+
			
 
				+function datenum(v, date1904) {
			
 
				+
			
 
				+  if (date1904) v += 1462;
			
 
				+
			
 
				+  var epoch = Date.parse(v);
			
 
				+
			
 
				+  return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
			
 
				+
			
 
				+}
			
 
				+
			
 
				+function sheet_from_array_of_arrays(data, opts) {
			
 
				+
			
 
				+  var ws = {};
			
 
				+
			
 
				+  var range = { s: { c: 10000000, r: 10000000 }, e: { c: 0, r: 0 } };
			
 
				+
			
 
				+  for (var R = 0; R != data.length; ++R) {
			
 
				+
			
 
				+    for (var C = 0; C != data[R].length; ++C) {
			
 
				+
			
 
				+      if (range.s.r > R) range.s.r = R;
			
 
				+
			
 
				+      if (range.s.c > C) range.s.c = C;
			
 
				+
			
 
				+      if (range.e.r < R) range.e.r = R;
			
 
				+
			
 
				+      if (range.e.c < C) range.e.c = C;
			
 
				+
			
 
				+      var cell = { v: data[R][C] };
			
 
				+
			
 
				+      if (cell.v == null) continue;
			
 
				+
			
 
				+      var cell_ref = XLSX.utils.encode_cell({ c: C, r: R });
			
 
				+
			
 
				+      if (typeof cell.v === 'number') cell.t = 'n';
			
 
				+
			
 
				+      else if (typeof cell.v === 'boolean') cell.t = 'b';
			
 
				+
			
 
				+      else if (cell.v instanceof Date) {
			
 
				+
			
 
				+        cell.t = 'n';
			
 
				+
			
 
				+        cell.z = XLSX.SSF._table[14];
			
 
				+
			
 
				+        cell.v = datenum(cell.v);
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+      else cell.t = 's';
			
 
				+
			
 
				+      ws[cell_ref] = cell;
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
			
 
				+
			
 
				+  return ws;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+function Workbook() {
			
 
				+
			
 
				+  if (!(this instanceof Workbook)) return new Workbook();
			
 
				+
			
 
				+  this.SheetNames = [];
			
 
				+
			
 
				+  this.Sheets = {};
			
 
				+
			
 
				+}
			
 
				+
			
 
				+function s2ab(s) {
			
 
				+
			
 
				+  var buf = new ArrayBuffer(s.length);
			
 
				+
			
 
				+  var view = new Uint8Array(buf);
			
 
				+
			
 
				+  for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
			
 
				+
			
 
				+  return buf;
			
 
				+
			
 
				+}
			
 
				+
			
 
				+export function export_table_to_excel(id) {
			
 
				+
			
 
				+  var theTable = document.getElementById(id);
			
 
				+
			
 
				+  console.log('a')
			
 
				+
			
 
				+  var oo = generateArray(theTable);
			
 
				+
			
 
				+  var ranges = oo[1];
			
 
				+
			
 
				+  /* original data */
			
 
				+
			
 
				+  var data = oo[0];
			
 
				+
			
 
				+  var ws_name = "SheetJS";
			
 
				+
			
 
				+  console.log(data);
			
 
				+
			
 
				+  var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
			
 
				+
			
 
				+  /* add ranges to worksheet */
			
 
				+
			
 
				+  // ws['!cols'] = ['apple', 'banan'];
			
 
				+
			
 
				+  ws['!merges'] = ranges;
			
 
				+
			
 
				+  /* add worksheet to workbook */
			
 
				+
			
 
				+  wb.SheetNames.push(ws_name);
			
 
				+
			
 
				+  wb.Sheets[ws_name] = ws;
			
 
				+
			
 
				+  var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: false, type: 'binary' });
			
 
				+
			
 
				+  saveAs(new Blob([s2ab(wbout)], { type: "application/octet-stream" }), "test.xlsx")
			
 
				+
			
 
				+}
			
 
				+
			
 
				+function formatJson(jsonData) {
			
 
				+
			
 
				+  console.log(jsonData)
			
 
				+
			
 
				+}
			
 
				+
			
 
				+export function export_json_to_excel(th, jsonData, defaultTitle) {
			
 
				+
			
 
				+  /* original data */
			
 
				+
			
 
				+  var data = jsonData;
			
 
				+
			
 
				+  data.unshift(th);
			
 
				+
			
 
				+  var ws_name = "Sheet";
			
 
				+
			
 
				+  var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
			
 
				+
			
 
				+  /*设置worksheet每列的最大宽度*/
			
 
				+
			
 
				+  const colWidth = data.map(row => row.map(val => {
			
 
				+
			
 
				+    /*先判断是否为null/undefined*/
			
 
				+
			
 
				+    if (val == null) {
			
 
				+
			
 
				+      return { 'wch': 10 };
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+    /*再判断是否为中文*/
			
 
				+
			
 
				+    else if (val.toString().charCodeAt(0) > 255) {
			
 
				+
			
 
				+      return { 'wch': val.toString().length * 2 + 5 };
			
 
				+
			
 
				+    } else {
			
 
				+
			
 
				+      return { 'wch': val.toString().length + 5 };
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+  }))
			
 
				+
			
 
				+  /*以第一行为初始值*/
			
 
				+
			
 
				+  let result = colWidth[0];
			
 
				+
			
 
				+  for (let i = 1; i < colWidth.length; i++) {
			
 
				+
			
 
				+    for (let j = 0; j < colWidth[i].length; j++) {
			
 
				+
			
 
				+      if (result[j]['wch'] < colWidth[i][j]['wch']) {
			
 
				+
			
 
				+        result[j]['wch'] = colWidth[i][j]['wch'];
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  ws['!cols'] = result;
			
 
				+
			
 
				+  /* add worksheet to workbook */
			
 
				+
			
 
				+  wb.SheetNames.push(ws_name);
			
 
				+
			
 
				+  wb.Sheets[ws_name] = ws;
			
 
				+
			
 
				+  var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: false, type: 'binary' });
			
 
				+
			
 
				+  var title = defaultTitle || '列表'
			
 
				+
			
 
				+  saveAs(new Blob([s2ab(wbout)], { type: "application/octet-stream" }), title + ".xlsx")
			
 
				+
			
 
				+}
			
--- a/src/iconfonts/iconfont.css
+++ b/src/iconfonts/iconfont.css
--- a/src/iconfonts/iconfont.eot
+++ b/src/iconfonts/iconfont.eot
--- a/src/iconfonts/iconfont.js
+++ b/src/iconfonts/iconfont.js
--- a/src/iconfonts/iconfont.json
+++ b/src/iconfonts/iconfont.json
@@ -0,0 +1,219 @@
 
				+{
			
 
				+  "id": "1865865",
			
 
				+  "name": "直播平台",
			
 
				+  "font_family": "iconfont",
			
 
				+  "css_prefix_text": "icon",
			
 
				+  "description": "直播后台",
			
 
				+  "glyphs": [
			
 
				+    {
			
 
				+      "icon_id": "1810267",
			
 
				+      "name": "关闭",
			
 
				+      "font_class": "icon-test1",
			
 
				+      "unicode": "e6e0",
			
 
				+      "unicode_decimal": 59104
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "9696382",
			
 
				+      "name": "信用信息管理、信息管理类",
			
 
				+      "font_class": "icon_xinyong_xianxing_jijin-",
			
 
				+      "unicode": "e60a",
			
 
				+      "unicode_decimal": 58890
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "1831603",
			
 
				+      "name": "联系我们",
			
 
				+      "font_class": "lianxiwomen",
			
 
				+      "unicode": "e64a",
			
 
				+      "unicode_decimal": 58954
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "43407",
			
 
				+      "name": "专家",
			
 
				+      "font_class": "111",
			
 
				+      "unicode": "e602",
			
 
				+      "unicode_decimal": 58882
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "250687",
			
 
				+      "name": "温馨提示-",
			
 
				+      "font_class": "wenxintishi",
			
 
				+      "unicode": "e6cc",
			
 
				+      "unicode_decimal": 59084
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "551592",
			
 
				+      "name": "客服",
			
 
				+      "font_class": "kefu",
			
 
				+      "unicode": "e61a",
			
 
				+      "unicode_decimal": 58906
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "3745064",
			
 
				+      "name": "会议",
			
 
				+      "font_class": "icon-test",
			
 
				+      "unicode": "e627",
			
 
				+      "unicode_decimal": 58919
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "8027282",
			
 
				+      "name": "教育",
			
 
				+      "font_class": "jiaoyu",
			
 
				+      "unicode": "e61b",
			
 
				+      "unicode_decimal": 58907
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "9550452",
			
 
				+      "name": "简介",
			
 
				+      "font_class": "jianjie",
			
 
				+      "unicode": "e616",
			
 
				+      "unicode_decimal": 58902
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14893766",
			
 
				+      "name": "主办方认证",
			
 
				+      "font_class": "zhubanfangrenzheng",
			
 
				+      "unicode": "e603",
			
 
				+      "unicode_decimal": 58883
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "15253802",
			
 
				+      "name": "主办方",
			
 
				+      "font_class": "zhubanfang",
			
 
				+      "unicode": "e60f",
			
 
				+      "unicode_decimal": 58895
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "6338139",
			
 
				+      "name": "个人中心",
			
 
				+      "font_class": "gerenzhongxin",
			
 
				+      "unicode": "e638",
			
 
				+      "unicode_decimal": 58936
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "9606662",
			
 
				+      "name": "大讲堂",
			
 
				+      "font_class": "dajiangtang",
			
 
				+      "unicode": "e609",
			
 
				+      "unicode_decimal": 58889
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "2570115",
			
 
				+      "name": "麦克风",
			
 
				+      "font_class": "maikefeng-tianchong",
			
 
				+      "unicode": "e64c",
			
 
				+      "unicode_decimal": 58956
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "15220134",
			
 
				+      "name": "一键分享",
			
 
				+      "font_class": "yijianfenxiang",
			
 
				+      "unicode": "e600",
			
 
				+      "unicode_decimal": 58880
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "573775",
			
 
				+      "name": "分享",
			
 
				+      "font_class": "fenxiang",
			
 
				+      "unicode": "e63c",
			
 
				+      "unicode_decimal": 58940
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "7335647",
			
 
				+      "name": "麦克风",
			
 
				+      "font_class": "maikefeng",
			
 
				+      "unicode": "eb4a",
			
 
				+      "unicode_decimal": 60234
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "8157938",
			
 
				+      "name": "摄像头",
			
 
				+      "font_class": "shexiangtou",
			
 
				+      "unicode": "e625",
			
 
				+      "unicode_decimal": 58917
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "5076572",
			
 
				+      "name": "状态",
			
 
				+      "font_class": "zhuangtai",
			
 
				+      "unicode": "e655",
			
 
				+      "unicode_decimal": 58965
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "5017103",
			
 
				+      "name": "房间",
			
 
				+      "font_class": "fangjian1",
			
 
				+      "unicode": "e617",
			
 
				+      "unicode_decimal": 58903
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "1638357",
			
 
				+      "name": "首页",
			
 
				+      "font_class": "shouye",
			
 
				+      "unicode": "e615",
			
 
				+      "unicode_decimal": 58901
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "3710184",
			
 
				+      "name": "房间",
			
 
				+      "font_class": "fangjian",
			
 
				+      "unicode": "e613",
			
 
				+      "unicode_decimal": 58899
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "7738015",
			
 
				+      "name": "用户",
			
 
				+      "font_class": "yonghu",
			
 
				+      "unicode": "e608",
			
 
				+      "unicode_decimal": 58888
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "11800270",
			
 
				+      "name": "直播",
			
 
				+      "font_class": "zhibo",
			
 
				+      "unicode": "e60b",
			
 
				+      "unicode_decimal": 58891
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "12837797",
			
 
				+      "name": "统计1",
			
 
				+      "font_class": "tongji",
			
 
				+      "unicode": "e64b",
			
 
				+      "unicode_decimal": 58955
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14033570",
			
 
				+      "name": "权限",
			
 
				+      "font_class": "quanxian",
			
 
				+      "unicode": "e7ae",
			
 
				+      "unicode_decimal": 59310
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "712103",
			
 
				+      "name": "姓名",
			
 
				+      "font_class": "icon-person",
			
 
				+      "unicode": "e607",
			
 
				+      "unicode_decimal": 58887
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "1356727",
			
 
				+      "name": "绑定",
			
 
				+      "font_class": "bangding",
			
 
				+      "unicode": "e72b",
			
 
				+      "unicode_decimal": 59179
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "14683074",
			
 
				+      "name": "修改密码",
			
 
				+      "font_class": "mima_huaban1",
			
 
				+      "unicode": "e605",
			
 
				+      "unicode_decimal": 58885
			
 
				+    },
			
 
				+    {
			
 
				+      "icon_id": "8098828",
			
 
				+      "name": "退出",
			
 
				+      "font_class": "iconfront-",
			
 
				+      "unicode": "e621",
			
 
				+      "unicode_decimal": 58913
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/src/iconfonts/iconfont.svg
+++ b/src/iconfonts/iconfont.svg
--- a/src/iconfonts/iconfont.ttf
+++ b/src/iconfonts/iconfont.ttf
--- a/src/iconfonts/iconfont.woff
+++ b/src/iconfonts/iconfont.woff
--- a/src/iconfonts/iconfont.woff2
+++ b/src/iconfonts/iconfont.woff2
--- a/src/layout/layout-part/heads.vue
+++ b/src/layout/layout-part/heads.vue
@@ -0,0 +1,168 @@
 
				+<template>
			
 
				+  <div id="heads">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="heads">
			
 
				+        <el-col :span="12" class="left">
			
 
				+          <el-image :src="afterInfo.logo"></el-image>
			
 
				+          <span>{{ afterInfo.title }}</span>
			
 
				+        </el-col>
			
 
				+        <el-col :span="12" class="right">
			
 
				+          <span
			
 
				+            ><router-link style="color:red;text-decoration:none;" target="_blank" :to="{ path: '/livecheck' }" :underline="false"
			
 
				+              ><i class="iconfont iconbangding"></i>直播检测</router-link
			
 
				+            ></span
			
 
				+          >
			
 
				+          <span @click="passwdBtn()"><i class="iconfont iconmima_huaban1"></i>修改密码</span>
			
 
				+          <span
			
 
				+            ><i class="iconfont iconicon-person"></i>
			
 
				+            <span v-if="user.id">
			
 
				+              {{ user.name }}
			
 
				+            </span>
			
 
				+            <span v-else>
			
 
				+              <el-link href="/login" :underline="false">登录</el-link>
			
 
				+            </span>
			
 
				+          </span>
			
 
				+          <span @click="logoutBtn()"><i class="iconfont iconiconfront-"></i>退出登录</span>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+    <el-dialog title="绑定" :visible.sync="bindDia" width="30%" :before-close="handleClose">
			
 
				+      <bind @bindDown="bindDown"></bind>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="修改密码" :visible.sync="passwdDia" width="30%" :before-close="handleClose">
			
 
				+      <passwdDias :form="form" @submitForm="submitForm"></passwdDias>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: login } = createNamespacedHelpers('login');
			
 
				+import bind from './parts/bind.vue';
			
 
				+import passwdDias from './parts/passwdDia.vue';
			
 
				+export default {
			
 
				+  name: 'heads',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    // 绑定微信
			
 
				+    bind,
			
 
				+    // 修改密码
			
 
				+    passwdDias,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      afterInfo: {
			
 
				+        logo: require('@/assets/logo.png'),
			
 
				+        title: '管理后台',
			
 
				+      },
			
 
				+      // 绑定微信
			
 
				+      bindDia: false,
			
 
				+      // 修改密码
			
 
				+      passwdDia: false,
			
 
				+      form: {},
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    ...login({ loginUpdate: 'update', logout: 'logout' }),
			
 
				+    // 绑定微信
			
 
				+    bindBtn() {
			
 
				+      this.bindDia = true;
			
 
				+    },
			
 
				+    // 绑定微信关闭
			
 
				+    bindDown() {
			
 
				+      this.bindDia = false;
			
 
				+    },
			
 
				+    // 修改密码
			
 
				+    passwdBtn() {
			
 
				+      this.passwdDia = true;
			
 
				+    },
			
 
				+    // 修改密码提交
			
 
				+    submitForm({ data }) {
			
 
				+      data.id = this.user.id;
			
 
				+      let res = this.loginUpdate(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.passwdDia = false;
			
 
				+        this.$message({
			
 
				+          message: '修改密码成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.$router.push({ path: '/login' });
			
 
				+      }
			
 
				+    },
			
 
				+    // 退出登录
			
 
				+    logoutBtn() {
			
 
				+      this.logout();
			
 
				+      this.$router.push({ path: '/login' });
			
 
				+    },
			
 
				+
			
 
				+    handleClose(done) {
			
 
				+      done();
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.left {
			
 
				+  padding: 0 20px;
			
 
				+  .el-image {
			
 
				+    float: left;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    margin: 5px 0 0 0;
			
 
				+  }
			
 
				+  span {
			
 
				+    height: 64px;
			
 
				+    line-height: 60px;
			
 
				+    font-size: 30px;
			
 
				+    color: #fff;
			
 
				+    padding: 0 10px;
			
 
				+    text-shadow: cornflowerblue 3px 3px 3px;
			
 
				+    font-family: cursive;
			
 
				+  }
			
 
				+}
			
 
				+.right {
			
 
				+  float: right;
			
 
				+  padding: 0 20px;
			
 
				+  text-align: right;
			
 
				+  height: 63px;
			
 
				+  line-height: 63px;
			
 
				+  span {
			
 
				+    border-right: 1px solid #000;
			
 
				+    padding: 0 15px;
			
 
				+    color: #fff;
			
 
				+    .iconfont {
			
 
				+      margin: 0 5px 0 0;
			
 
				+    }
			
 
				+    .el-link.el-link--default {
			
 
				+      color: #e6a23c;
			
 
				+      font-size: 16px;
			
 
				+      top: -2px;
			
 
				+    }
			
 
				+    .el-link.el-link--default:hover {
			
 
				+      color: #409eff;
			
 
				+    }
			
 
				+  }
			
 
				+  span:hover {
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+  span:last-child {
			
 
				+    border-right: 0;
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-link.el-link--default {
			
 
				+  color: #000;
			
 
				+  font-size: 16px;
			
 
				+  top: -2px;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/layout-part/menus.vue
+++ b/src/layout/layout-part/menus.vue
@@ -0,0 +1,109 @@
 
				+<template>
			
 
				+  <div id="menus">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <!-- <el-menu :default-active="$route.path" background-color="#353852" text-color="#ffffff" active-text-color="#409eff" router>
			
 
				+          <el-menu-item index="/">
			
 
				+            <i class="iconfont iconshouye"></i>
			
 
				+            <span slot="title">后台首页</span>
			
 
				+          </el-menu-item>
			
 
				+          <el-menu-item index="/user/index">
			
 
				+            <i class="iconfont iconyonghu"></i>
			
 
				+            <span slot="title">用户管理</span>
			
 
				+          </el-menu-item>
			
 
				+          <el-menu-item index="/role/index">
			
 
				+            <i class="iconfont iconquanxian"></i>
			
 
				+            <span slot="title">权限管理</span>
			
 
				+          </el-menu-item>
			
 
				+          <el-menu-item index="/live/index">
			
 
				+            <i class="iconfont iconzhibo"></i>
			
 
				+            <span slot="title">直播管理</span>
			
 
				+          </el-menu-item>
			
 
				+          <el-menu-item index="/room/index">
			
 
				+            <i class="iconfont iconfangjian"></i>
			
 
				+            <span slot="title">房间管理</span>
			
 
				+          </el-menu-item>
			
 
				+          <el-menu-item index="/stat/index">
			
 
				+            <i class="iconfont icontongji"></i>
			
 
				+            <span slot="title">统计管理</span>
			
 
				+          </el-menu-item>
			
 
				+        </el-menu> -->
			
 
				+        <el-menu background-color="#353852" text-color="#ffffff" active-text-color="#409eff">
			
 
				+          <template v-for="item in menu">
			
 
				+            <template>
			
 
				+              <el-menu-item :index="item.path" @click="selectMenu(item.path)" :key="item.name">
			
 
				+                <i v-if="item.icon" :class="item.icon"></i>
			
 
				+                <span v-if="item.name" slot="title">{{ item.name }}</span>
			
 
				+              </el-menu-item>
			
 
				+            </template>
			
 
				+          </template>
			
 
				+        </el-menu>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { index, user, role, live, room, question, stat, contact, meetingBrief, test } from '@/util/role_menu.js';
			
 
				+import * as menus from '@/util/role_menu.js';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'menus',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      menu: [],
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    search() {
			
 
				+      let menu = [];
			
 
				+      if (this.user.role == '1') {
			
 
				+        menu.push(index, user, role, room, question, contact, meetingBrief);
			
 
				+      } else {
			
 
				+        menu.push(index, live);
			
 
				+      }
			
 
				+      this.$set(this, `menu`, menu);
			
 
				+    },
			
 
				+    selectMenu(path) {
			
 
				+      this.$router.push({ path: path });
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    user: {
			
 
				+      handler(val, oval) {
			
 
				+        if (val && !_.isEqual(val, oval)) this.search();
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+// .el-menu-vertical-demo:not(.el-menu--collapse) {
			
 
				+//   width: 200px;
			
 
				+//   min-height: 400px;
			
 
				+// }
			
 
				+/deep/.el-menu {
			
 
				+  border-right: none;
			
 
				+}
			
 
				+/deep/.el-menu-item {
			
 
				+  font-size: 18px;
			
 
				+}
			
 
				+/deep/.el-menu-item i {
			
 
				+  padding: 0 10px;
			
 
				+  font-size: 18px;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/layout-part/parts/bind.vue
+++ b/src/layout/layout-part/parts/bind.vue
@@ -0,0 +1,39 @@
 
				+<template>
			
 
				+  <div id="bind">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <p>绑定微信</p>
			
 
				+        <el-button @click="bindDown()">关闭</el-button>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'bind',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {};
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    bindDown() {
			
 
				+      this.$emit('bindDown');
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/layout/layout-part/parts/passwdDia.vue
+++ b/src/layout/layout-part/parts/passwdDia.vue
@@ -0,0 +1,63 @@
 
				+<template>
			
 
				+  <div id="passwdDia">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm">
			
 
				+          <el-form-item label="旧密码" prop="oldpasswd">
			
 
				+            <el-input v-model="form.oldpasswd" placeholder="请输入旧密码" show-password></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="新密码" prop="newpasswd">
			
 
				+            <el-input v-model="form.newpasswd" placeholder="请输入新密码" show-password></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="submitForm('form')">保存</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: login } = createNamespacedHelpers('login');
			
 
				+export default {
			
 
				+  name: 'passwdDia',
			
 
				+  props: {
			
 
				+    form: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      rules: {
			
 
				+        oldpasswd: [{ required: true, message: '请输入旧密码', trigger: 'blur' }],
			
 
				+        newpasswd: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    submitForm(formName) {
			
 
				+      this.$refs[formName].validate(async valid => {
			
 
				+        if (valid) {
			
 
				+          this.$emit('submitForm', { data: this.form });
			
 
				+        } else {
			
 
				+          console.log('error submit!!');
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/layout/live/detailInfo
+++ b/src/layout/live/detailInfo
@@ -0,0 +1,258 @@
 
				+<template>
			
 
				+  <div id="detailInfo">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="info">
			
 
				+        <el-col :span="14" class="left">
			
 
				+          <el-col :span="24" class="top">
			
 
				+            <el-col :span="4" class="image">
			
 
				+              <el-image :src="roomInfo.filedir"></el-image>
			
 
				+            </el-col>
			
 
				+            <el-col :span="20" class="title">
			
 
				+              <p class="one">
			
 
				+                <span>{{ roomInfo.title }}</span>
			
 
				+                <span>房间号:{{ roomInfo.name }}</span>
			
 
				+              </p>
			
 
				+              <div class="two">
			
 
				+                <el-col :span="16" class="select">
			
 
				+                  <el-select v-model="cameraId" filterable placeholder="请选择摄像头">
			
 
				+                    <el-option v-for="item in cameras" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+                  </el-select>
			
 
				+                  <el-select v-model="microphoneId" filterable placeholder="请选择麦克风">
			
 
				+                    <el-option v-for="item in microphones" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+                  </el-select>
			
 
				+                </el-col>
			
 
				+                <el-col :span="8" class="btn">
			
 
				+                  <span @click="shareon"><i class="iconfont iconfenxiang"></i>分享</span>
			
 
				+                  <span @click="liveon"><i class="iconfont iconshexiangtou"></i>摄像头</span>
			
 
				+                  <span @click="liveclose">关闭</span>
			
 
				+                </el-col>
			
 
				+              </div>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="video">
			
 
				+            <div id="main-video" class="video-box col-div" style="justify-content: flex-end"></div>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="10" class="right">
			
 
				+          <el-col :span="24" class="chat">
			
 
				+            聊天页面
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: gensign } = createNamespacedHelpers('gensign');
			
 
				+import TRTC from 'trtc-js-sdk';
			
 
				+export default {
			
 
				+  name: 'detailInfo',
			
 
				+  props: {
			
 
				+    roomInfo: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      client_: '',
			
 
				+      localStream_: '',
			
 
				+      sdkAppId_: '1400380125',
			
 
				+      cameras: [],
			
 
				+      microphones: [],
			
 
				+      cameraId: '',
			
 
				+      microphoneId: '',
			
 
				+      userId_: '1111',
			
 
				+      open_: false,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.initclient();
			
 
				+    this.getDevices();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...gensign(['gensignFetch']),
			
 
				+    async getDevices() {
			
 
				+      this.cameras = await TRTC.getCameras();
			
 
				+      this.microphones = await TRTC.getMicrophones();
			
 
				+    },
			
 
				+    async initclient() {
			
 
				+      console.log(this.user.uid);
			
 
				+      this.userId_ = this.user.uid;
			
 
				+      const res = await this.gensignFetch({ userid: this.userId_ });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.client_ = TRTC.createClient({
			
 
				+          mode: 'live',
			
 
				+          sdkAppId: this.sdkAppId_,
			
 
				+          userId: this.userId_,
			
 
				+          userSig: res.data,
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async liveon() {
			
 
				+      this.open_ = true;
			
 
				+      console.log('8888--' + this.userId_);
			
 
				+      if (this.cameraId === '' || this.microphoneId === '') {
			
 
				+        this.$message({
			
 
				+          message: '请选择摄像头和麦克风',
			
 
				+          type: 'warning',
			
 
				+        });
			
 
				+        return;
			
 
				+      }
			
 
				+      await this.client_.join({ roomId: this.name, role: 'anchor' });
			
 
				+      this.localStream_ = await TRTC.createStream({
			
 
				+        audio: true,
			
 
				+        video: true,
			
 
				+        cameraId: this.cameraId,
			
 
				+        microphoneId: this.microphoneId,
			
 
				+        userId: this.userId_,
			
 
				+      });
			
 
				+      await this.localStream_.initialize();
			
 
				+      console.log('initialize local stream success');
			
 
				+      // publish the local stream
			
 
				+      await this.client_.publish(this.localStream_);
			
 
				+      this.localStream_.play('main-video');
			
 
				+      //$('#mask_main').appendTo($('#player_' + this.localStream_.getId()));
			
 
				+    },
			
 
				+    async shareon() {
			
 
				+      const shareId = 'share-' + this.userId_;
			
 
				+      const res = await this.gensignFetch({ userid: shareId });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        const shareClient = TRTC.createClient({
			
 
				+          mode: 'videoCall',
			
 
				+          sdkAppId: this.sdkAppId_,
			
 
				+          userId: shareId,
			
 
				+          userSig: res.data,
			
 
				+        });
			
 
				+        shareClient.setDefaultMuteRemoteStreams(true);
			
 
				+        await shareClient.join({ roomId: this.name });
			
 
				+        const localStream = TRTC.createStream({ audio: false, screen: true });
			
 
				+        await localStream.initialize();
			
 
				+        console.log('initialize share stream success');
			
 
				+        await shareClient.publish(localStream);
			
 
				+        this.client_.on('stream-added', event => {
			
 
				+          const remoteStream = event.stream;
			
 
				+          const remoteUserId = remoteStream.getUserId();
			
 
				+          if (remoteUserId === shareId) {
			
 
				+            // 取消订阅自己的屏幕分享流
			
 
				+            this.client_.unsubscribe(remoteStream);
			
 
				+          } else {
			
 
				+            // 订阅其他一般远端流
			
 
				+            this.client_.subscribe(remoteStream);
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async liveclose() {
			
 
				+      // 关闭视频通话
			
 
				+      console.log(this.open_);
			
 
				+      if (this.open_) {
			
 
				+        const videoTrack = this.localStream_.getVideoTrack();
			
 
				+        if (videoTrack) {
			
 
				+          this.localStream_.removeTrack(videoTrack).then(() => {
			
 
				+            console.log('remove video call success');
			
 
				+            // 关闭摄像头
			
 
				+            videoTrack.stop();
			
 
				+            this.client_.unpublish(localStream).then(() => {
			
 
				+              // 取消发布本地流成功
			
 
				+            });
			
 
				+          });
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    name() {
			
 
				+      return this.$route.query.name;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.info {
			
 
				+  border-style: double;
			
 
				+  border-color: #ff0000 #00ff00 #0000ff rgb(250, 0, 255);
			
 
				+  padding: 20px;
			
 
				+  .left {
			
 
				+    background-color: #f5f5f5;
			
 
				+    min-height: 800px;
			
 
				+    border: 1px solid blueviolet;
			
 
				+    .top {
			
 
				+      position: relative;
			
 
				+      border: 1px solid red;
			
 
				+      padding: 10px;
			
 
				+      .image {
			
 
				+        text-align: center;
			
 
				+        .el-image {
			
 
				+          width: 80px;
			
 
				+          height: 80px;
			
 
				+          border-radius: 90px;
			
 
				+        }
			
 
				+      }
			
 
				+      .title {
			
 
				+        .one {
			
 
				+          padding: 0 0 10px 0;
			
 
				+          span {
			
 
				+            display: inline-block;
			
 
				+            width: 50%;
			
 
				+          }
			
 
				+          span:last-child {
			
 
				+            text-align: right;
			
 
				+          }
			
 
				+        }
			
 
				+        .two {
			
 
				+          position: absolute;
			
 
				+          right: 10px;
			
 
				+          bottom: 10px;
			
 
				+          .select {
			
 
				+            .el-select {
			
 
				+              float: left;
			
 
				+              width: 47%;
			
 
				+              margin: 0 10px 0 0;
			
 
				+            }
			
 
				+          }
			
 
				+          .btn {
			
 
				+            height: 40px;
			
 
				+            line-height: 40px;
			
 
				+            text-align: right;
			
 
				+            span {
			
 
				+              margin: 0 10px 0 0;
			
 
				+            }
			
 
				+            span:last-child {
			
 
				+              margin: 0;
			
 
				+            }
			
 
				+            span:hover {
			
 
				+              cursor: pointer;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .right {
			
 
				+    width: 39%;
			
 
				+    min-height: 800px;
			
 
				+    border: 1px solid cyan;
			
 
				+    margin: 0 0 0 20px;
			
 
				+  }
			
 
				+  #main-video {
			
 
				+    float: left;
			
 
				+    width: 100%;
			
 
				+    height: 600px;
			
 
				+    min-height: 600px;
			
 
				+    grid-area: 1/1/3/4;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/live/detailInfo.vue
+++ b/src/layout/live/detailInfo.vue
@@ -0,0 +1,801 @@
 
				+<template>
			
 
				+  <div id="detailInfo">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="info">
			
 
				+        <el-col :span="4" class="left">
			
 
				+          <el-col :span="24" class="leftTop">
			
 
				+            <el-image :src="roomdetail.filedir"></el-image>
			
 
				+            <p>{{ roomdetail.title }}</p>
			
 
				+            <p>{{ roomdetail.content }}</p>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="leftDown">
			
 
				+            <el-col :span="8" class="btn" @click.native="shexiangBtn()">
			
 
				+              <i class="iconfont iconshexiangtou"></i>
			
 
				+              <p>摄像头</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="tianchongBtn()">
			
 
				+              <i class="iconfont iconmaikefeng-tianchong"></i>
			
 
				+              <p>麦克风</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="chatBtn()">
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <p>聊天</p>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="leftDown">
			
 
				+            <el-col :span="8" class="btn" @click.native="lookuserBtn()">
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <p>成员</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="queBtn()">
			
 
				+              <i class="el-icon-question"></i>
			
 
				+              <p>问卷</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="queCloseBtn()">
			
 
				+              <i class="el-icon-circle-close"></i>
			
 
				+              <p>停卷</p>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="20" class="right">
			
 
				+          <el-col :span="24" class="rightTop">
			
 
				+            <span @click="liveon"><i class="iconfont iconshexiangtou"></i>直播</span>
			
 
				+            <span v-show="zjrshow" @click="livezhuchi"><i class="iconfont iconshexiangtou"></i>主持</span>
			
 
				+            <span @click="liveclose"><i class="el-icon-switch-button"></i>关闭直播</span>
			
 
				+            <span @click="shareon"><i class="iconfont iconfenxiang"></i>屏幕</span>
			
 
				+            <span @click="shareclose"><i class="iconfont iconfenxiang"></i>关闭分享</span>
			
 
				+            <span><el-switch @change="recordclick" v-model="isrecord" active-text="录制" inactive-text="停录"> </el-switch></span>
			
 
				+            <span @click="dismissroomClick"><i class="iconfont iconfenxiang"></i>解散房间</span>
			
 
				+          </el-col>
			
 
				+          <el-col :span="2" class="noVideo"> </el-col>
			
 
				+          <el-col :span="20" class="video">
			
 
				+            <el-col :span="24" class="videoMeet">
			
 
				+              <el-col :span="18" class="one">
			
 
				+                <div id="main-video" class="video-box col-div" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="two">
			
 
				+                <el-col v-show="zjrshow" :span="24" class="twoOne" v-for="(item, index) in zjrList" :key="index">
			
 
				+                  <el-col :span="14">
			
 
				+                    <div :id="forOtherId(item.zjrid)" class="video-box col-div othevideo" style="justify-content: flex-end"></div>
			
 
				+                  </el-col>
			
 
				+                  <el-col :span="10">
			
 
				+                    <p>
			
 
				+                      <span>{{ item.zjrname }}</span>
			
 
				+                      <span>
			
 
				+                        <el-button type="danger" size="mini" @click="zjrChange(item.zjrid)">主讲</el-button>
			
 
				+                      </span>
			
 
				+                    </p>
			
 
				+                  </el-col>
			
 
				+                </el-col>
			
 
				+              </el-col>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="2" class="noVideo"></el-col>
			
 
				+          <el-col :span="24" class="rightDown">
			
 
				+            <!-- 开始直播 -->
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+    <el-dialog title="摄像头" :visible.sync="shexiangDia" width="30%" :before-close="handleClose">
			
 
				+      <el-select @change="cameraChange" v-model="cameraId" filterable placeholder="请选择摄像头">
			
 
				+        <el-option v-for="item in cameras" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+      </el-select>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="麦克风" :visible.sync="tianchongDia" width="30%" :before-close="handleClose">
			
 
				+      <el-select @change="micrChange" v-model="microphoneId" filterable placeholder="请选择麦克风">
			
 
				+        <el-option v-for="item in microphones" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+      </el-select>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="讨论" :visible.sync="chatDia" width="50%" :before-close="handleClose">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24" class="chatList">
			
 
				+          <el-col :span="24" class="list" v-for="(item, index) in dataList" :key="index">
			
 
				+            <p>
			
 
				+              <span :class="item.sendname == user.name ? 'selfColor' : ''">{{ item.sendname }}</span>
			
 
				+              <span>{{ item.content }}</span>
			
 
				+            </p>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="chatInput">
			
 
				+          <el-col :span="19" class="input">
			
 
				+            <el-input type="textarea" maxlength="5000" show-word-limit v-model="content"></el-input>
			
 
				+          </el-col>
			
 
				+          <el-col :span="5" class="btn">
			
 
				+            <el-button type="primary" size="mini" @click="chatCreate">发送</el-button>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="问卷" :visible.sync="queDia" width="38%" :before-close="handleClose">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24">
			
 
				+          <el-col :span="12">
			
 
				+            <el-select v-model="queid" filterable placeholder="请选择问卷">
			
 
				+              <el-option v-for="item in questList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
			
 
				+            </el-select>
			
 
				+          </el-col>
			
 
				+          <el-col :span="12" class="btn">
			
 
				+            <el-button type="primary" size="mini" @click="queCreate">发送</el-button>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="成员" :visible.sync="lookuserDia" width="60%" height="450px" :before-close="handleClose" :close-on-click-modal="(clo = false)">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24" class="sudoku_row">
			
 
				+          <el-col :span="24" class="sudoku_item" v-for="(item, index) in userList" :key="index">
			
 
				+            <div :id="forId(item.userid)" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+            <p>
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <span class="selfColor">{{ item.username }}({{ item.isonline === '1' ? '在线' : '离线' }})</span>
			
 
				+              <span v-if="item.switchrole === 'anchor'">
			
 
				+                <el-button type="danger" size="mini" @click="lookuserUpdate(item.id, 'audience')">移除</el-button>
			
 
				+                <el-button type="primary" size="mini" @click="roomshangmai(item.userid)">主讲</el-button>
			
 
				+              </span>
			
 
				+              <span v-else><el-button type="primary" size="mini" @click="lookuserUpdate(item.id, 'anchor')">连麦</el-button></span>
			
 
				+            </p>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Vue from 'vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: gensign } = createNamespacedHelpers('gensign');
			
 
				+const { mapActions: chat } = createNamespacedHelpers('chat');
			
 
				+const { mapActions: room } = createNamespacedHelpers('room');
			
 
				+const { mapActions: lookuser } = createNamespacedHelpers('lookuser');
			
 
				+const { mapActions: roomuser } = createNamespacedHelpers('roomuser');
			
 
				+import TRTC from 'trtc-js-sdk';
			
 
				+export default {
			
 
				+  name: 'detailInfo',
			
 
				+  props: {
			
 
				+    roomInfo: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      // 摄像头
			
 
				+      shexiangDia: false,
			
 
				+      cameraId: '',
			
 
				+      cameras: [],
			
 
				+      // 麦克风
			
 
				+      tianchongDia: false,
			
 
				+      chatDia: false,
			
 
				+      queDia: false,
			
 
				+      questList: [],
			
 
				+      queid: '',
			
 
				+      microphoneId: '',
			
 
				+      microphones: [],
			
 
				+      client_: '',
			
 
				+      localStream_: '',
			
 
				+      shareClient_: '',
			
 
				+      shareStream_: '',
			
 
				+      sdkAppId_: '1400414461',
			
 
				+      userId_: '',
			
 
				+      userMainId_: '',
			
 
				+      open_: false,
			
 
				+      content: '',
			
 
				+      dataList: [],
			
 
				+      isrecord: false,
			
 
				+      shareid: '',
			
 
				+      userList: [],
			
 
				+      lookuserDia: false,
			
 
				+      index_: 0,
			
 
				+      ov1: '',
			
 
				+      ov2: '',
			
 
				+      ov3: '',
			
 
				+      ov4: '',
			
 
				+      ov5: '',
			
 
				+      ov6: '',
			
 
				+      ov7: '',
			
 
				+      showbtn_: false,
			
 
				+      roomdetail: {},
			
 
				+      zjrList: [],
			
 
				+      zjrshow: false,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getRoomInfo();
			
 
				+    this.initclient();
			
 
				+    this.getDevices();
			
 
				+    this.chatSearch();
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.channel();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...gensign(['gensignFetch']),
			
 
				+    ...chat(['query', 'create', 'fetch']),
			
 
				+    ...room({
			
 
				+      roomfetch: 'fetch',
			
 
				+      startrecord: 'startrecord',
			
 
				+      stoprecord: 'stoprecord',
			
 
				+      roomquest: 'roomquest',
			
 
				+      roomquestclose: 'roomquestclose',
			
 
				+      questquery: 'questquery',
			
 
				+      updateanchor: 'updateanchor',
			
 
				+      updateshmai: 'updateshmai',
			
 
				+      switchzjr: 'switchzjr',
			
 
				+      switchzb: 'switchzb',
			
 
				+      switchzp: 'switchzp',
			
 
				+      dismissroom: 'dismissroom',
			
 
				+    }),
			
 
				+    ...lookuser(['lookquery', 'lookupdate']),
			
 
				+    ...roomuser({ roomuserfetch: 'fetch' }),
			
 
				+    // 解散房间
			
 
				+    async dismissroomClick() {
			
 
				+      const info = { roomid: this.id, roomname: this.name };
			
 
				+      let res = await this.dismissroom({ ...info });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async livezp() {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.uid = this.user.uid;
			
 
				+      const res = await this.switchzb(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async livezhuchi() {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.uid = this.user.uid;
			
 
				+      const res = await this.switchzb(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.localStream_.unmuteVideo();
			
 
				+        this.localStream_.unmuteAudio();
			
 
				+      }
			
 
				+    },
			
 
				+    async zjrChange(zjrid) {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.switchzjr = zjrid;
			
 
				+      const res = await this.switchzjr(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.localStream_.muteVideo();
			
 
				+        this.localStream_.muteAudio();
			
 
				+      }
			
 
				+    },
			
 
				+    async getRoomInfo() {
			
 
				+      const res = await this.roomfetch(this.id);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$set(this, `roomdetail`, res.data);
			
 
				+        if (res.data.anchorid === this.user.uid) {
			
 
				+          this.zjrshow = true;
			
 
				+        }
			
 
				+        for (const elm of res.data.zjr) {
			
 
				+          const ru = await this.roomuserfetch(elm);
			
 
				+          if (this.$checkRes(ru)) {
			
 
				+            const newdata = { zjrid: elm, zjrname: ru.data.name };
			
 
				+            this.zjrList.push(newdata);
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    async roomshangmai(dataid) {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.shmaiid = dataid;
			
 
				+      const res = await this.updateshmai(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async queCreate() {
			
 
				+      const data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      data.queid = this.queid;
			
 
				+      const res = await this.roomquest(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async lookuserBtn() {
			
 
				+      this.lookuserDia = true;
			
 
				+      this.lookuserSearch();
			
 
				+    },
			
 
				+    async lookuserSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { roomid: this.id };
			
 
				+      let res = await this.lookquery({ skip, limit, ...info });
			
 
				+      console.log(res.data);
			
 
				+      this.$set(this, `userList`, res.data);
			
 
				+    },
			
 
				+    async lookuserUpdate(_id, _switchrole) {
			
 
				+      console.log(_id);
			
 
				+      let data = {};
			
 
				+      data.id = _id;
			
 
				+      data.switchrole = _switchrole;
			
 
				+      const res = await this.lookupdate(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.lookuserSearch();
			
 
				+      } else {
			
 
				+        this.$message.error(res.errmsg);
			
 
				+      }
			
 
				+    },
			
 
				+    async recordclick() {
			
 
				+      console.log(this.isrecord);
			
 
				+      if (this.isrecord) {
			
 
				+        const info = { roomid: this.id, roomname: this.name, shareid: this.shareid };
			
 
				+        let res = await this.startrecord({ ...info });
			
 
				+      } else {
			
 
				+        const info = { roomid: this.id, roomname: this.name };
			
 
				+        let res = await this.stoprecord({ ...info });
			
 
				+      }
			
 
				+    },
			
 
				+    async chatSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { roomid: this.id };
			
 
				+      let res = await this.query({ skip, limit, ...info });
			
 
				+      this.$set(this, `dataList`, res.data);
			
 
				+    },
			
 
				+    async questSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { status: '1' };
			
 
				+      let res = await this.questquery({ skip, limit, ...info });
			
 
				+      console.log(res);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$set(this, `questList`, res.data);
			
 
				+      }
			
 
				+    },
			
 
				+    async chatCreate() {
			
 
				+      let data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      data.type = '0';
			
 
				+      data.content = this.content;
			
 
				+      data.sendid = this.user.uid;
			
 
				+      data.sendname = this.user.name;
			
 
				+      const res = await this.create(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.content = '';
			
 
				+      }
			
 
				+    },
			
 
				+    channel() {
			
 
				+      console.log('in function:');
			
 
				+      this.$stomp({
			
 
				+        [`/exchange/public_chat_` + this.id]: this.onMessage,
			
 
				+      });
			
 
				+    },
			
 
				+    onMessage(message) {
			
 
				+      // console.log('receive a message: ', message.body);
			
 
				+      let body = _.get(message, 'body');
			
 
				+      if (body) {
			
 
				+        body = JSON.parse(body);
			
 
				+        this.dataList.push(body);
			
 
				+        this.content = '';
			
 
				+      }
			
 
				+      // const { content, contenttype, sendid, sendname, icon, groupid, sendtime, type } = message.headers;
			
 
				+      // let object = { content, contenttype, sendid, sendname, icon, groupid, sendtime, type };
			
 
				+      // this.list.push(object);
			
 
				+    },
			
 
				+    async getDevices() {
			
 
				+      this.cameras = await TRTC.getCameras();
			
 
				+      this.microphones = await TRTC.getMicrophones();
			
 
				+    },
			
 
				+    async initclient() {
			
 
				+      console.log(this.user.uid);
			
 
				+      this.userId_ = this.user.uid;
			
 
				+      if (this.anchorid === this.user.uid) {
			
 
				+        this.showbtn_ = true;
			
 
				+        this.userMainId_ = 'mainr-' + this.user.uid;
			
 
				+      } else {
			
 
				+        this.userMainId_ = 'other-' + this.user.uid;
			
 
				+      }
			
 
				+      const res = await this.gensignFetch({ userid: this.userMainId_ });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.client_ = TRTC.createClient({
			
 
				+          mode: 'live',
			
 
				+          sdkAppId: this.sdkAppId_,
			
 
				+          userId: this.userMainId_,
			
 
				+          userSig: res.data,
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async liveon() {
			
 
				+      this.open_ = true;
			
 
				+      console.log('8888--' + this.userId_);
			
 
				+      if (this.cameraId === '' || this.microphoneId === '') {
			
 
				+        this.$message({
			
 
				+          message: '请选择摄像头和麦克风',
			
 
				+          type: 'warning',
			
 
				+        });
			
 
				+        return;
			
 
				+      }
			
 
				+      await this.client_.join({ roomId: this.name, role: 'anchor' });
			
 
				+      this.localStream_ = await TRTC.createStream({
			
 
				+        audio: true,
			
 
				+        video: true,
			
 
				+        cameraId: this.cameraId,
			
 
				+        microphoneId: this.microphoneId,
			
 
				+        userId: this.userMainId_,
			
 
				+      });
			
 
				+      this.localStream_.setVideoProfile('480p');
			
 
				+      await this.localStream_.initialize();
			
 
				+      console.log('initialize local stream success');
			
 
				+      // publish the local stream
			
 
				+      await this.client_.publish(this.localStream_);
			
 
				+      this.localStream_.play('main-video');
			
 
				+      //$('#mask_main').appendTo($('#player_' + this.localStream_.getId()));
			
 
				+
			
 
				+      // 订阅其他用户音视频
			
 
				+      this.client_.on('stream-subscribed', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        // 远端流订阅成功，播放远端音视频流
			
 
				+        const usertempid_ = remoteStream.getUserId();
			
 
				+        console.log('111' + remoteStream.getUserId());
			
 
				+        if (usertempid_) {
			
 
				+          const usersplit_ = usertempid_.substring(0, 5);
			
 
				+          if (usersplit_ === 'other') {
			
 
				+            const id_ = 'othe-video-' + usertempid_;
			
 
				+            remoteStream.play(id_);
			
 
				+          } else if (usersplit_ === 'wxxcx') {
			
 
				+            const id_ = 'look-video-' + usertempid_;
			
 
				+            remoteStream.play(id_);
			
 
				+          } else if (usersplit_ === 'meetu') {
			
 
				+            const id_ = 'look-video-' + usertempid_;
			
 
				+            remoteStream.play(id_);
			
 
				+          }
			
 
				+        }
			
 
				+      });
			
 
				+      // 监听远端流增加事件
			
 
				+      this.client_.on('stream-added', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        console.log('222' + remoteStream.getType());
			
 
				+        // 订阅远端音频和视频流
			
 
				+        this.client_.subscribe(remoteStream, { audio: true, video: true }).catch(e => {
			
 
				+          console.error('failed to subscribe remoteStream');
			
 
				+        });
			
 
				+      });
			
 
				+      this.client_.on('stream-removed', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        console.log('stop----');
			
 
				+        const usertempid_ = remoteStream.getUserId();
			
 
				+        if (usertempid_) {
			
 
				+          const usersplit_ = usertempid_.substring(0, 5);
			
 
				+          if (usersplit_ === 'other') {
			
 
				+            this.index_ = this.index_ - 1;
			
 
				+          }
			
 
				+        }
			
 
				+        remoteStream.stop();
			
 
				+      });
			
 
				+      this.client_.on('mute-video', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        // 订阅远端音频和视频流
			
 
				+        const usertempid_ = remoteStream.getUserId();
			
 
				+        if (usertempid_) {
			
 
				+          const usersplit_ = usertempid_.substring(0, 4);
			
 
				+          if (usersplit_ === 'othe') {
			
 
				+            this.index_ = this.index_ - 1;
			
 
				+          }
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    async shareon() {
			
 
				+      const shareId = 'share-' + this.userId_;
			
 
				+      this.shareid = shareId;
			
 
				+      const res = await this.gensignFetch({ userid: shareId });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        const shareClient = TRTC.createClient({
			
 
				+          mode: 'videoCall',
			
 
				+          sdkAppId: this.sdkAppId_,
			
 
				+          userId: shareId,
			
 
				+          userSig: res.data,
			
 
				+        });
			
 
				+        this.shareClient_ = shareClient;
			
 
				+        shareClient.setDefaultMuteRemoteStreams(true);
			
 
				+        await shareClient.join({ roomId: this.name });
			
 
				+        const localStream = TRTC.createStream({ audio: false, screen: true });
			
 
				+        //localStream.setScreenProfile({ width: 200, height: 200, float: 'left', frameRate: 5, bitrate: 1600 /* kbps */ });
			
 
				+        await localStream.initialize();
			
 
				+        this.shareStream_ = localStream;
			
 
				+        console.log('initialize share stream success');
			
 
				+        await shareClient.publish(localStream);
			
 
				+        this.client_.on('stream-added', event => {
			
 
				+          const remoteStream = event.stream;
			
 
				+          const remoteUserId = remoteStream.getUserId();
			
 
				+          if (remoteUserId === shareId) {
			
 
				+            // 取消订阅自己的屏幕分享流
			
 
				+            this.client_.unsubscribe(remoteStream);
			
 
				+          } else {
			
 
				+            // 订阅其他一般远端流
			
 
				+            this.client_.subscribe(remoteStream);
			
 
				+          }
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async liveclose() {
			
 
				+      // 关闭视频通话
			
 
				+      console.log(this.open_);
			
 
				+      if (this.open_) {
			
 
				+        const videoTrack = this.localStream_.getVideoTrack();
			
 
				+        if (videoTrack) {
			
 
				+          this.localStream_.removeTrack(videoTrack).then(() => {
			
 
				+            console.log('remove video call success');
			
 
				+            // 关闭摄像头
			
 
				+            videoTrack.stop();
			
 
				+            this.client_.unpublish(this.localStream_).then(() => {
			
 
				+              // 取消发布本地流成功
			
 
				+            });
			
 
				+            this.localStream_.close();
			
 
				+          });
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    async shareclose() {
			
 
				+      this.shareClient_;
			
 
				+      if (this.shareClient_) {
			
 
				+        this.shareClient_.unpublish(this.shareStream_).then(() => {
			
 
				+          // 关闭屏幕分享流
			
 
				+          this.shareStream_.close();
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async cameraChange() {
			
 
				+      //await this.localStream_.switchDevice('video', this.cameraId);
			
 
				+    },
			
 
				+    async micrChange() {
			
 
				+      //await this.localStream_.switchDevice('audio', this.microphoneId);
			
 
				+    },
			
 
				+    // 选择打开摄像头
			
 
				+    shexiangBtn() {
			
 
				+      this.shexiangDia = true;
			
 
				+    },
			
 
				+    // 选择打开麦克风
			
 
				+    tianchongBtn() {
			
 
				+      this.tianchongDia = true;
			
 
				+    },
			
 
				+    chatBtn() {
			
 
				+      this.chatDia = true;
			
 
				+    },
			
 
				+    async queBtn() {
			
 
				+      this.queDia = true;
			
 
				+      this.questSearch();
			
 
				+    },
			
 
				+    async queCloseBtn() {
			
 
				+      // 关闭问卷
			
 
				+      const data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      const res = await this.roomquestclose(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    forId(itemid) {
			
 
				+      return 'look-video-wxxcx-' + itemid;
			
 
				+    },
			
 
				+    forOtherId(itemid) {
			
 
				+      return 'othe-video-other-' + itemid;
			
 
				+    },
			
 
				+    // 关闭摄像头&麦克风
			
 
				+    handleClose(done) {
			
 
				+      done();
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    name() {
			
 
				+      return this.$route.query.name;
			
 
				+    },
			
 
				+    anchorid() {
			
 
				+      return this.$route.query.anchorid;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.info {
			
 
				+  background-color: #2a2b30;
			
 
				+  min-height: 840px;
			
 
				+  .left {
			
 
				+    .leftTop {
			
 
				+      min-height: 540px;
			
 
				+      padding: 0 15px;
			
 
				+      margin: 20px 0;
			
 
				+      p {
			
 
				+        color: #ccc;
			
 
				+      }
			
 
				+      p:nth-child(2) {
			
 
				+        padding: 10px 0;
			
 
				+      }
			
 
				+      p:nth-child(3) {
			
 
				+        line-height: 25px;
			
 
				+      }
			
 
				+    }
			
 
				+    .leftDown {
			
 
				+      padding: 10px 0 0 0;
			
 
				+      border-top: 1px solid #000;
			
 
				+      .btn {
			
 
				+        margin: 0 0 15px 0;
			
 
				+        color: #cccccc;
			
 
				+        text-align: center;
			
 
				+      }
			
 
				+      .btn:hover {
			
 
				+        cursor: pointer;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .right {
			
 
				+    .rightTop {
			
 
				+      height: 100px;
			
 
				+      background-color: #232428;
			
 
				+      text-align: right;
			
 
				+      color: #ccc;
			
 
				+      line-height: 100px;
			
 
				+      span {
			
 
				+        margin: 0 10px 0 0;
			
 
				+      }
			
 
				+      span:hover {
			
 
				+        cursor: pointer;
			
 
				+        color: #409eff;
			
 
				+      }
			
 
				+    }
			
 
				+    .video {
			
 
				+      min-height: 640px;
			
 
				+      background-color: #000;
			
 
				+      overflow: hidden;
			
 
				+      position: relative;
			
 
				+      .videoMeet {
			
 
				+        .one {
			
 
				+          height: 480px;
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+        .two {
			
 
				+          height: 480px;
			
 
				+          overflow: hidden;
			
 
				+          background-color: white;
			
 
				+          .twoOne {
			
 
				+            height: 80px;
			
 
				+            width: 100%;
			
 
				+            overflow: hidden;
			
 
				+            span:first-child {
			
 
				+              width: 100%;
			
 
				+              text-align: center;
			
 
				+              overflow: hidden;
			
 
				+              text-overflow: ellipsis;
			
 
				+              white-space: nowrap;
			
 
				+              // font-weight: bold;
			
 
				+            }
			
 
				+            span:last-child {
			
 
				+              width: 100%;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+        .three {
			
 
				+          height: 160px;
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .noVideo {
			
 
				+      min-height: 640px;
			
 
				+      background-color: #151618;
			
 
				+    }
			
 
				+    .rightDown {
			
 
				+      height: 100px;
			
 
				+      background-color: #232428;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-dialog__body {
			
 
				+  min-height: 100px;
			
 
				+}
			
 
				+#main-video {
			
 
				+  float: left;
			
 
				+  width: 100%;
			
 
				+  height: 640px;
			
 
				+  min-height: 600px;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+.chatList {
			
 
				+  height: 400px;
			
 
				+  padding: 5px 5px 5px 0px;
			
 
				+  overflow-y: auto;
			
 
				+  .list {
			
 
				+    margin: 0 0 10px 0;
			
 
				+    span:first-child {
			
 
				+      float: left;
			
 
				+      width: 15%;
			
 
				+      text-align: center;
			
 
				+      overflow: hidden;
			
 
				+      text-overflow: ellipsis;
			
 
				+      white-space: nowrap;
			
 
				+      // font-weight: bold;
			
 
				+    }
			
 
				+    span:last-child {
			
 
				+      float: right;
			
 
				+      width: 84%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.chatInput {
			
 
				+  position: absolute;
			
 
				+  bottom: 0;
			
 
				+  .el-button {
			
 
				+    width: 100%;
			
 
				+    padding: 20px 0;
			
 
				+  }
			
 
				+}
			
 
				+.sudoku_row {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  width: 100%;
			
 
				+  height: 430px;
			
 
				+  flex-wrap: wrap;
			
 
				+  overflow-y: auto;
			
 
				+}
			
 
				+.sudoku_item {
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  flex-direction: column;
			
 
				+  width: 30%;
			
 
				+  padding: 10px 10px 10px 10px;
			
 
				+}
			
 
				+.lookvideo {
			
 
				+  width: 100%;
			
 
				+  height: 160px;
			
 
				+  min-height: 160px;
			
 
				+  background-color: black;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+.othevideo {
			
 
				+  margin: 10px 10px 10px 10px;
			
 
				+  width: 80px;
			
 
				+  height: 80px;
			
 
				+  min-height: 80px;
			
 
				+  background-color: black;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/live/detailInfo_qili.vue
+++ b/src/layout/live/detailInfo_qili.vue
@@ -0,0 +1,757 @@
 
				+<template>
			
 
				+  <div id="detailInfo">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="info">
			
 
				+        <el-col :span="4" class="left">
			
 
				+          <el-col :span="24" class="leftTop">
			
 
				+            <el-image :src="roomdetail.filedir"></el-image>
			
 
				+            <p>{{ roomdetail.title }}</p>
			
 
				+            <p>{{ roomdetail.content }}</p>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="leftDown">
			
 
				+            <el-col :span="8" class="btn" @click.native="shexiangBtn()">
			
 
				+              <i class="iconfont iconshexiangtou"></i>
			
 
				+              <p>摄像头</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="tianchongBtn()">
			
 
				+              <i class="iconfont iconmaikefeng-tianchong"></i>
			
 
				+              <p>麦克风</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="chatBtn()">
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <p>聊天</p>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="leftDown">
			
 
				+            <el-col :span="8" class="btn" @click.native="lookuserBtn()">
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <p>成员</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="queBtn()">
			
 
				+              <i class="el-icon-question"></i>
			
 
				+              <p>问卷</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="queCloseBtn()">
			
 
				+              <i class="el-icon-circle-close"></i>
			
 
				+              <p>停卷</p>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="20" class="right">
			
 
				+          <el-col :span="24" class="rightTop">
			
 
				+            <span @click="liveon"><i class="iconfont iconshexiangtou"></i>直播</span>
			
 
				+            <span v-show="zjrshow" @click="livezhuchi"><i class="iconfont iconshexiangtou"></i>主持</span>
			
 
				+            <span @click="liveclose"><i class="el-icon-switch-button"></i>关闭直播</span>
			
 
				+            <span @click="shareon"><i class="iconfont iconfenxiang"></i>屏幕</span>
			
 
				+            <span @click="shareclose"><i class="iconfont iconfenxiang"></i>关闭分享</span>
			
 
				+            <span><el-switch @change="recordclick" v-model="isrecord" active-text="录制" inactive-text="停录"> </el-switch></span>
			
 
				+            <span @click="dismissroomClick"><i class="iconfont iconfenxiang"></i>解散房间</span>
			
 
				+          </el-col>
			
 
				+          <el-col :span="2" class="noVideo"> </el-col>
			
 
				+          <el-col :span="20" class="video">
			
 
				+            <el-col :span="24" class="videoMeet">
			
 
				+              <el-col :span="18" class="one">
			
 
				+                <div id="main-video" class="video-box col-div" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="two">
			
 
				+                <el-col v-show="zjrshow" :span="24" class="twoOne" v-for="(item, index) in zjrList" :key="index">
			
 
				+                  <el-col :span="14">
			
 
				+                    <div :id="forOtherId(item.zjrid)" class="video-box col-div othevideo" style="justify-content: flex-end"></div>
			
 
				+                  </el-col>
			
 
				+                  <el-col :span="10">
			
 
				+                    <p>
			
 
				+                      <span>{{ item.zjrname }}</span>
			
 
				+                      <span>
			
 
				+                        <el-button type="danger" size="mini" @click="zjrChange(item.zjrid)">主讲</el-button>
			
 
				+                      </span>
			
 
				+                    </p>
			
 
				+                  </el-col>
			
 
				+                </el-col>
			
 
				+              </el-col>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="2" class="noVideo"></el-col>
			
 
				+          <el-col :span="24" class="rightDown">
			
 
				+            <!-- 开始直播 -->
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+    <el-dialog title="摄像头" :visible.sync="shexiangDia" width="30%" :before-close="handleClose">
			
 
				+      <el-select @change="cameraChange" v-model="cameraId" filterable placeholder="请选择摄像头">
			
 
				+        <el-option v-for="item in cameras" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+      </el-select>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="麦克风" :visible.sync="tianchongDia" width="30%" :before-close="handleClose">
			
 
				+      <el-select @change="micrChange" v-model="microphoneId" filterable placeholder="请选择麦克风">
			
 
				+        <el-option v-for="item in microphones" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+      </el-select>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="讨论" :visible.sync="chatDia" width="50%" :before-close="handleClose">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24" class="chatList">
			
 
				+          <el-col :span="24" class="list" v-for="(item, index) in dataList" :key="index">
			
 
				+            <p>
			
 
				+              <span :class="item.sendname == user.name ? 'selfColor' : ''">{{ item.sendname }}</span>
			
 
				+              <span>{{ item.content }}</span>
			
 
				+            </p>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="chatInput">
			
 
				+          <el-col :span="19" class="input">
			
 
				+            <el-input type="textarea" maxlength="5000" show-word-limit v-model="content"></el-input>
			
 
				+          </el-col>
			
 
				+          <el-col :span="5" class="btn">
			
 
				+            <el-button type="primary" size="mini" @click="chatCreate">发送</el-button>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="问卷" :visible.sync="queDia" width="38%" :before-close="handleClose">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24">
			
 
				+          <el-col :span="12">
			
 
				+            <el-select v-model="queid" filterable placeholder="请选择问卷">
			
 
				+              <el-option v-for="item in questList" :key="item.id" :label="item.name" :value="item.id"> </el-option>
			
 
				+            </el-select>
			
 
				+          </el-col>
			
 
				+          <el-col :span="12" class="btn">
			
 
				+            <el-button type="primary" size="mini" @click="queCreate">发送</el-button>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="成员" :visible.sync="lookuserDia" width="60%" height="450px" :before-close="handleClose" :close-on-click-modal="(clo = false)">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24" class="sudoku_row">
			
 
				+          <el-col :span="24" class="sudoku_item" v-for="(item, index) in userList" :key="index">
			
 
				+            <div :id="forId(item.userid)" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+            <p>
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <span class="selfColor">{{ item.username }}({{ item.isonline === '1' ? '在线' : '离线' }})</span>
			
 
				+              <span v-if="item.switchrole === 'anchor'">
			
 
				+                <el-button type="danger" size="mini" @click="lookuserUpdate(item.id, 'audience')">移除</el-button>
			
 
				+                <el-button type="primary" size="mini" @click="roomshangmai(item.userid)">主讲</el-button>
			
 
				+              </span>
			
 
				+              <span v-else><el-button type="primary" size="mini" @click="lookuserUpdate(item.id, 'anchor')">连麦</el-button></span>
			
 
				+            </p>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Vue from 'vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: gensign } = createNamespacedHelpers('gensign');
			
 
				+const { mapActions: chat } = createNamespacedHelpers('chat');
			
 
				+const { mapActions: room } = createNamespacedHelpers('room');
			
 
				+const { mapActions: lookuser } = createNamespacedHelpers('lookuser');
			
 
				+const { mapActions: roomuser } = createNamespacedHelpers('roomuser');
			
 
				+import TRTC from 'trtc-js-sdk';
			
 
				+import * as QNRTC from 'pili-rtc-web';
			
 
				+export default {
			
 
				+  name: 'detailInfo',
			
 
				+  props: {
			
 
				+    roomInfo: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      // 摄像头
			
 
				+      shexiangDia: false,
			
 
				+      cameraId: '',
			
 
				+      cameras: [],
			
 
				+      // 麦克风
			
 
				+      tianchongDia: false,
			
 
				+      chatDia: false,
			
 
				+      queDia: false,
			
 
				+      questList: [],
			
 
				+      queid: '',
			
 
				+      microphoneId: '',
			
 
				+      microphones: [],
			
 
				+      client_: '',
			
 
				+      localStream_: '',
			
 
				+      shareClient_: '',
			
 
				+      shareStream_: '',
			
 
				+      sdkAppId_: '1400380125',
			
 
				+      userId_: '',
			
 
				+      userMainId_: '',
			
 
				+      open_: false,
			
 
				+      content: '',
			
 
				+      dataList: [],
			
 
				+      isrecord: false,
			
 
				+      shareid: '',
			
 
				+      userList: [],
			
 
				+      lookuserDia: false,
			
 
				+      index_: 0,
			
 
				+      ov1: '',
			
 
				+      ov2: '',
			
 
				+      ov3: '',
			
 
				+      ov4: '',
			
 
				+      ov5: '',
			
 
				+      ov6: '',
			
 
				+      ov7: '',
			
 
				+      showbtn_: false,
			
 
				+      roomdetail: {},
			
 
				+      zjrList: [],
			
 
				+      zjrshow: false,
			
 
				+      myRoom_: '',
			
 
				+      tracks_: [],
			
 
				+      shareTracks_: '',
			
 
				+      trackInfoList_: [],
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getRoomInfo();
			
 
				+    this.initclient();
			
 
				+    this.getDevices();
			
 
				+    this.chatSearch();
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.channel();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...gensign(['gensignFetch']),
			
 
				+    ...chat(['query', 'create', 'fetch']),
			
 
				+    ...room({
			
 
				+      roomfetch: 'fetch',
			
 
				+      startrecord: 'startrecord',
			
 
				+      stoprecord: 'stoprecord',
			
 
				+      roomquest: 'roomquest',
			
 
				+      roomquestclose: 'roomquestclose',
			
 
				+      questquery: 'questquery',
			
 
				+      updateanchor: 'updateanchor',
			
 
				+      updateshmai: 'updateshmai',
			
 
				+      switchzjr: 'switchzjr',
			
 
				+      switchzb: 'switchzb',
			
 
				+      switchzp: 'switchzp',
			
 
				+      dismissroom: 'dismissroom',
			
 
				+    }),
			
 
				+    ...lookuser(['lookquery', 'lookupdate']),
			
 
				+    ...roomuser({ roomuserfetch: 'fetch' }),
			
 
				+    // 解散房间
			
 
				+    async dismissroomClick() {
			
 
				+      // 遍历 tracks，逐个销毁释放
			
 
				+      for (const track of this.tracks_) {
			
 
				+        track.release();
			
 
				+      }
			
 
				+    },
			
 
				+    async livezp() {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.uid = this.user.uid;
			
 
				+      const res = await this.switchzb(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async livezhuchi() {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.uid = this.user.uid;
			
 
				+      const res = await this.switchzb(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.localStream_.unmuteVideo();
			
 
				+        this.localStream_.unmuteAudio();
			
 
				+      }
			
 
				+    },
			
 
				+    async zjrChange(zjrid) {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.switchzjr = zjrid;
			
 
				+      const res = await this.switchzjr(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        // 将所有 tracks 的 trackId 取出当作参数，取消发布
			
 
				+        await this.myRoom_.unpublish(this.tracks_.map(track => track.info.trackId));
			
 
				+      }
			
 
				+    },
			
 
				+    async getRoomInfo() {
			
 
				+      const res = await this.roomfetch(this.id);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$set(this, `roomdetail`, res.data);
			
 
				+        if (res.data.anchorid === this.user.uid) {
			
 
				+          this.zjrshow = true;
			
 
				+        }
			
 
				+        for (const elm of res.data.zjr) {
			
 
				+          const ru = await this.roomuserfetch(elm);
			
 
				+          if (this.$checkRes(ru)) {
			
 
				+            const newdata = { zjrid: elm, zjrname: ru.data.name };
			
 
				+            this.zjrList.push(newdata);
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    async roomshangmai(dataid) {
			
 
				+      const data = {};
			
 
				+      data.id = this.id;
			
 
				+      data.shmaiid = dataid;
			
 
				+      const res = await this.updateshmai(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async queCreate() {
			
 
				+      const data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      data.queid = this.queid;
			
 
				+      const res = await this.roomquest(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async lookuserBtn() {
			
 
				+      this.lookuserDia = true;
			
 
				+      this.lookuserSearch();
			
 
				+    },
			
 
				+    async lookuserSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { roomid: this.id };
			
 
				+      let res = await this.lookquery({ skip, limit, ...info });
			
 
				+      console.log(res.data);
			
 
				+      this.$set(this, `userList`, res.data);
			
 
				+    },
			
 
				+    async lookuserUpdate(_id, _switchrole) {
			
 
				+      console.log(_id);
			
 
				+      let data = {};
			
 
				+      data.id = _id;
			
 
				+      data.switchrole = _switchrole;
			
 
				+      const res = await this.lookupdate(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.lookuserSearch();
			
 
				+      } else {
			
 
				+        this.$message.error(res.errmsg);
			
 
				+      }
			
 
				+    },
			
 
				+    async recordclick() {
			
 
				+      console.log(this.isrecord);
			
 
				+      if (this.isrecord) {
			
 
				+        const info = { roomid: this.id, roomname: this.name, shareid: this.shareid };
			
 
				+        let res = await this.startrecord({ ...info });
			
 
				+      } else {
			
 
				+        const info = { roomid: this.id, roomname: this.name };
			
 
				+        let res = await this.stoprecord({ ...info });
			
 
				+      }
			
 
				+    },
			
 
				+    async chatSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { roomid: this.id };
			
 
				+      let res = await this.query({ skip, limit, ...info });
			
 
				+      this.$set(this, `dataList`, res.data);
			
 
				+    },
			
 
				+    async questSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { status: '1' };
			
 
				+      let res = await this.questquery({ skip, limit, ...info });
			
 
				+      console.log(res);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$set(this, `questList`, res.data);
			
 
				+      }
			
 
				+    },
			
 
				+    async chatCreate() {
			
 
				+      let data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      data.type = '0';
			
 
				+      data.content = this.content;
			
 
				+      data.sendid = this.user.uid;
			
 
				+      data.sendname = this.user.name;
			
 
				+      const res = await this.create(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.content = '';
			
 
				+      }
			
 
				+    },
			
 
				+    channel() {
			
 
				+      console.log('in function:');
			
 
				+      this.$stomp({
			
 
				+        [`/exchange/public_chat_` + this.id]: this.onMessage,
			
 
				+      });
			
 
				+    },
			
 
				+    onMessage(message) {
			
 
				+      // console.log('receive a message: ', message.body);
			
 
				+      let body = _.get(message, 'body');
			
 
				+      if (body) {
			
 
				+        body = JSON.parse(body);
			
 
				+        this.dataList.push(body);
			
 
				+        this.content = '';
			
 
				+      }
			
 
				+      // const { content, contenttype, sendid, sendname, icon, groupid, sendtime, type } = message.headers;
			
 
				+      // let object = { content, contenttype, sendid, sendname, icon, groupid, sendtime, type };
			
 
				+      // this.list.push(object);
			
 
				+    },
			
 
				+    async getDevices() {
			
 
				+      this.cameras = await TRTC.getCameras();
			
 
				+      this.microphones = await TRTC.getMicrophones();
			
 
				+    },
			
 
				+    async initclient() {
			
 
				+      console.log(this.user.uid);
			
 
				+      this.userId_ = this.user.uid;
			
 
				+      if (this.anchorid === this.user.uid) {
			
 
				+        this.showbtn_ = true;
			
 
				+        this.userMainId_ = 'mainr-' + this.user.uid;
			
 
				+      } else {
			
 
				+        this.userMainId_ = 'other-' + this.user.uid;
			
 
				+      }
			
 
				+      console.log('current version', QNRTC.version);
			
 
				+      // 生成房间token
			
 
				+      const res = await this.gensignFetch({ userid: this.userMainId_, roomname: this.name });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.myRoom_ = await new QNRTC.TrackModeSession();
			
 
				+        await this.myRoom_.joinRoomWithToken(res.data);
			
 
				+      }
			
 
				+    },
			
 
				+    async liveon() {
			
 
				+      this.open_ = true;
			
 
				+      console.log('8888--' + this.userId_);
			
 
				+      this.tracks_ = await QNRTC.deviceManager.getLocalTracks({
			
 
				+        audio: { enabled: true, tag: 'audio', trackId: 'audio_' + this.userId_ },
			
 
				+        video: { enabled: true, tag: 'video', trackId: 'video_' + this.userId_ },
			
 
				+      });
			
 
				+      console.log(this.tracks_);
			
 
				+      const domElement = document.getElementById('main-video');
			
 
				+      for (const track of this.tracks_) {
			
 
				+        if (track.info.tag === 'audio') {
			
 
				+          continue;
			
 
				+        } else if (track.info.tag === 'screen') {
			
 
				+          continue;
			
 
				+        }
			
 
				+        track.play(domElement, true);
			
 
				+      }
			
 
				+      await this.myRoom_.publish(this.tracks_);
			
 
				+      console.log('查看视频流');
			
 
				+      console.log(this.tracks_);
			
 
				+      this.autoSubscribe(this.myRoom_);
			
 
				+    },
			
 
				+
			
 
				+    autoSubscribe(myRoom) {
			
 
				+      const trackInfoList = myRoom.trackInfoList;
			
 
				+      console.log('room current trackInfo list', trackInfoList);
			
 
				+
			
 
				+      // 调用我们刚刚编写的 subscribe 方法
			
 
				+      // 注意这里我们没有使用 async/await，而是使用了 Promise，大家可以思考一下为什么
			
 
				+      this.subscribe(myRoom, trackInfoList)
			
 
				+        .then(() => console.log('subscribe success!'))
			
 
				+        .catch(e => console.error('subscribe error', e));
			
 
				+
			
 
				+      // 添加事件监听，当房间中出现新的 Track 时就会触发，参数是 trackInfo 列表
			
 
				+      myRoom.on('track-add', trackInfoList => {
			
 
				+        console.log('get track-add event!', trackInfoList);
			
 
				+        this.subscribe(myRoom, trackInfoList)
			
 
				+          .then(() => console.log('subscribe success!'))
			
 
				+          .catch(e => console.error('subscribe error', e));
			
 
				+      });
			
 
				+      // 就是这样，就像监听 DOM 事件一样通过 on 方法监听相应的事件并给出处理函数即可
			
 
				+    },
			
 
				+
			
 
				+    async subscribe(myRoom, trackInfoList) {
			
 
				+      // 通过传入 trackId 调用订阅方法发起订阅，成功会返回相应的 Track 对象，也就是远端的 Track 列表了
			
 
				+      const remoteTracks = await myRoom.subscribe(trackInfoList.map(info => info.trackId));
			
 
				+
			
 
				+      // 选择页面上的一个元素作为父元素，播放远端的音视频轨
			
 
				+      const remoteElement = document.getElementById('remotetracks');
			
 
				+      // 遍历返回的远端 Track，调用 play 方法完成在页面上的播放
			
 
				+      for (const remoteTrack of remoteTracks) {
			
 
				+        // 取得详细用户信息
			
 
				+        const usertempid_ = remoteTrack.userId;
			
 
				+        if (usertempid_) {
			
 
				+          const usersplit_ = usertempid_.substring(0, 5);
			
 
				+          if (usersplit_ === 'other') {
			
 
				+            const id_ = 'othe-video-' + usertempid_;
			
 
				+            const remoteElement = document.getElementById(id_);
			
 
				+            remoteTrack.play(remoteElement);
			
 
				+          } else if (usersplit_ === 'wxxcx') {
			
 
				+            const id_ = 'look-video-' + usertempid_;
			
 
				+            const remoteElement = document.getElementById(id_);
			
 
				+            remoteTrack.play(remoteElement);
			
 
				+          } else if (usersplit_ === 'meetu') {
			
 
				+            const id_ = 'look-video-' + usertempid_;
			
 
				+            const remoteElement = document.getElementById(id_);
			
 
				+            remoteTrack.play(remoteElement);
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+
			
 
				+    async shareon() {
			
 
				+      this.shareTracks_ = await QNRTC.deviceManager.getLocalTracks({
			
 
				+        screen: { enabled: true, tag: 'screen' },
			
 
				+      });
			
 
				+      console.log('my local shareTracks', this.shareTracks_);
			
 
				+      // 将刚刚的 Track 列表发布到房间中
			
 
				+      await this.myRoom_.publish(this.shareTracks_);
			
 
				+    },
			
 
				+    async liveclose() {
			
 
				+      // 关闭视频通话
			
 
				+      console.log('进入关闭方法');
			
 
				+      if (this.tracks_) {
			
 
				+        await this.myRoom_.unpublish();
			
 
				+        this.open_ = false;
			
 
				+        // 遍历 tracks，逐个销毁释放
			
 
				+        for (const track of this.tracks_) {
			
 
				+          track.release();
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    async shareclose() {
			
 
				+      if (this.shareTracks_) {
			
 
				+        await this.myRoom_.unpublish(this.shareTracks_.map(track => track.info.trackId));
			
 
				+      }
			
 
				+    },
			
 
				+    async cameraChange() {
			
 
				+      //await this.localStream_.switchDevice('video', this.cameraId);
			
 
				+    },
			
 
				+    async micrChange() {
			
 
				+      //await this.localStream_.switchDevice('audio', this.microphoneId);
			
 
				+    },
			
 
				+    // 选择打开摄像头
			
 
				+    shexiangBtn() {
			
 
				+      this.shexiangDia = true;
			
 
				+    },
			
 
				+    // 选择打开麦克风
			
 
				+    tianchongBtn() {
			
 
				+      this.tianchongDia = true;
			
 
				+    },
			
 
				+    chatBtn() {
			
 
				+      this.chatDia = true;
			
 
				+    },
			
 
				+    async queBtn() {
			
 
				+      this.queDia = true;
			
 
				+      this.questSearch();
			
 
				+    },
			
 
				+    async queCloseBtn() {
			
 
				+      // 关闭问卷
			
 
				+      const data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      const res = await this.roomquestclose(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    forId(itemid) {
			
 
				+      return 'look-video-wxxcx-' + itemid;
			
 
				+    },
			
 
				+    forOtherId(itemid) {
			
 
				+      return 'othe-video-other-' + itemid;
			
 
				+    },
			
 
				+    // 关闭摄像头&麦克风
			
 
				+    handleClose(done) {
			
 
				+      done();
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    name() {
			
 
				+      return this.$route.query.name;
			
 
				+    },
			
 
				+    anchorid() {
			
 
				+      return this.$route.query.anchorid;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.info {
			
 
				+  background-color: #2a2b30;
			
 
				+  min-height: 840px;
			
 
				+  .left {
			
 
				+    .leftTop {
			
 
				+      min-height: 540px;
			
 
				+      padding: 0 15px;
			
 
				+      margin: 20px 0;
			
 
				+      p {
			
 
				+        color: #ccc;
			
 
				+      }
			
 
				+      p:nth-child(2) {
			
 
				+        padding: 10px 0;
			
 
				+      }
			
 
				+      p:nth-child(3) {
			
 
				+        line-height: 25px;
			
 
				+      }
			
 
				+    }
			
 
				+    .leftDown {
			
 
				+      padding: 10px 0 0 0;
			
 
				+      border-top: 1px solid #000;
			
 
				+      .btn {
			
 
				+        margin: 0 0 15px 0;
			
 
				+        color: #cccccc;
			
 
				+        text-align: center;
			
 
				+      }
			
 
				+      .btn:hover {
			
 
				+        cursor: pointer;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .right {
			
 
				+    .rightTop {
			
 
				+      height: 100px;
			
 
				+      background-color: #232428;
			
 
				+      text-align: right;
			
 
				+      color: #ccc;
			
 
				+      line-height: 100px;
			
 
				+      span {
			
 
				+        margin: 0 10px 0 0;
			
 
				+      }
			
 
				+      span:hover {
			
 
				+        cursor: pointer;
			
 
				+        color: #409eff;
			
 
				+      }
			
 
				+    }
			
 
				+    .video {
			
 
				+      min-height: 640px;
			
 
				+      background-color: #000;
			
 
				+      overflow: hidden;
			
 
				+      position: relative;
			
 
				+      .videoMeet {
			
 
				+        .one {
			
 
				+          height: 480px;
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+        .two {
			
 
				+          height: 480px;
			
 
				+          overflow: hidden;
			
 
				+          background-color: white;
			
 
				+          .twoOne {
			
 
				+            height: 80px;
			
 
				+            width: 100%;
			
 
				+            overflow: hidden;
			
 
				+            span:first-child {
			
 
				+              width: 100%;
			
 
				+              text-align: center;
			
 
				+              overflow: hidden;
			
 
				+              text-overflow: ellipsis;
			
 
				+              white-space: nowrap;
			
 
				+              // font-weight: bold;
			
 
				+            }
			
 
				+            span:last-child {
			
 
				+              width: 100%;
			
 
				+            }
			
 
				+          }
			
 
				+        }
			
 
				+        .three {
			
 
				+          height: 160px;
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .noVideo {
			
 
				+      min-height: 640px;
			
 
				+      background-color: #151618;
			
 
				+    }
			
 
				+    .rightDown {
			
 
				+      height: 100px;
			
 
				+      background-color: #232428;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-dialog__body {
			
 
				+  min-height: 100px;
			
 
				+}
			
 
				+#main-video {
			
 
				+  float: left;
			
 
				+  width: 100%;
			
 
				+  height: 640px;
			
 
				+  min-height: 600px;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+.chatList {
			
 
				+  height: 400px;
			
 
				+  padding: 5px 5px 5px 0px;
			
 
				+  overflow-y: auto;
			
 
				+  .list {
			
 
				+    margin: 0 0 10px 0;
			
 
				+    span:first-child {
			
 
				+      float: left;
			
 
				+      width: 15%;
			
 
				+      text-align: center;
			
 
				+      overflow: hidden;
			
 
				+      text-overflow: ellipsis;
			
 
				+      white-space: nowrap;
			
 
				+      // font-weight: bold;
			
 
				+    }
			
 
				+    span:last-child {
			
 
				+      float: right;
			
 
				+      width: 84%;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+.chatInput {
			
 
				+  position: absolute;
			
 
				+  bottom: 0;
			
 
				+  .el-button {
			
 
				+    width: 100%;
			
 
				+    padding: 20px 0;
			
 
				+  }
			
 
				+}
			
 
				+.sudoku_row {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  width: 100%;
			
 
				+  height: 430px;
			
 
				+  flex-wrap: wrap;
			
 
				+  overflow-y: auto;
			
 
				+}
			
 
				+.sudoku_item {
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  flex-direction: column;
			
 
				+  width: 30%;
			
 
				+  padding: 10px 10px 10px 10px;
			
 
				+}
			
 
				+.lookvideo {
			
 
				+  width: 100%;
			
 
				+  height: 160px;
			
 
				+  min-height: 160px;
			
 
				+  background-color: black;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+.othevideo {
			
 
				+  margin: 10px 10px 10px 10px;
			
 
				+  width: 80px;
			
 
				+  height: 80px;
			
 
				+  min-height: 80px;
			
 
				+  background-color: black;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/live/detailmetting.vue
+++ b/src/layout/live/detailmetting.vue
@@ -0,0 +1,486 @@
 
				+<template>
			
 
				+  <div id="detailmetting">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="info">
			
 
				+        <el-col :span="4" class="left">
			
 
				+          <el-col :span="24" class="leftTop">
			
 
				+            <el-image :src="roomInfo.filedir"></el-image>
			
 
				+            <p>{{ roomInfo.title }}</p>
			
 
				+            <p>{{ roomInfo.content }}</p>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="leftDown">
			
 
				+            <el-col :span="8" class="btn" @click.native="shexiangBtn()">
			
 
				+              <i class="iconfont iconshexiangtou"></i>
			
 
				+              <p>摄像头</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="tianchongBtn()">
			
 
				+              <i class="iconfont iconmaikefeng-tianchong"></i>
			
 
				+              <p>麦克风</p>
			
 
				+            </el-col>
			
 
				+            <el-col :span="8" class="btn" @click.native="lookuserBtn()">
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <p>成员</p>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="20" class="right">
			
 
				+          <el-col :span="24" class="rightTop">
			
 
				+            <span @click="liveon"><i class="iconfont iconshexiangtou"></i>直播</span>
			
 
				+            <span @click="liveclose">关闭</span>
			
 
				+          </el-col>
			
 
				+          <el-col :span="18" class="video">
			
 
				+            <el-col :span="24" class="videoMeet">
			
 
				+              <el-col :span="18" class="one">
			
 
				+                <div id="main-video" class="video-box col-div" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="two">
			
 
				+                <el-col :span="24" class="twoOne">
			
 
				+                  <div id="look-video-1" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+                </el-col>
			
 
				+                <el-col :span="24" class="twoOne">
			
 
				+                  <div id="look-video-2" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+                </el-col>
			
 
				+                <el-col :span="24" class="twoOne">
			
 
				+                  <div id="look-video-3" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+                </el-col>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="three">
			
 
				+                <div id="look-video-4" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="three">
			
 
				+                <div id="look-video-5" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="three">
			
 
				+                <div id="look-video-6" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+              <el-col :span="6" class="three">
			
 
				+                <div id="look-video-7" class="video-box col-div lookvideo" style="justify-content: flex-end"></div>
			
 
				+              </el-col>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="6" class="noVideo">
			
 
				+            <el-col :span="24" class="chatList">
			
 
				+              <el-col :span="24" class="list" v-for="(item, index) in dataList" :key="index">
			
 
				+                <p>
			
 
				+                  <span :class="item.sendname == user.name ? 'selfColor' : ''">{{ item.sendname }}</span>
			
 
				+                  <span>{{ item.content }}</span>
			
 
				+                </p>
			
 
				+              </el-col>
			
 
				+            </el-col>
			
 
				+            <el-col :span="24" class="chatInput">
			
 
				+              <el-col :span="19" class="input">
			
 
				+                <el-input type="textarea" maxlength="5000" show-word-limit v-model="content"></el-input>
			
 
				+              </el-col>
			
 
				+              <el-col :span="5" class="btn">
			
 
				+                <el-button type="primary" size="mini" @click="chatCreate">发送</el-button>
			
 
				+              </el-col>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="rightDown"> <!-- 开始直播 --> </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+    <el-dialog title="摄像头" :visible.sync="shexiangDia" width="30%" :before-close="handleClose">
			
 
				+      <el-select @change="cameraChange" v-model="cameraId" filterable placeholder="请选择摄像头">
			
 
				+        <el-option v-for="item in cameras" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+      </el-select>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="麦克风" :visible.sync="tianchongDia" width="30%" :before-close="handleClose">
			
 
				+      <el-select @change="micrChange" v-model="microphoneId" filterable placeholder="请选择麦克风">
			
 
				+        <el-option v-for="item in microphones" :key="item.deviceId" :label="item.label" :value="item.deviceId"> </el-option>
			
 
				+      </el-select>
			
 
				+    </el-dialog>
			
 
				+    <el-dialog title="成员" :visible.sync="lookuserDia" width="30%" :before-close="handleClose">
			
 
				+      <el-row>
			
 
				+        <el-col :span="24" class="chatList">
			
 
				+          <el-col :span="24" class="list" v-for="(item, index) in userList" :key="index">
			
 
				+            <p>
			
 
				+              <i class="el-icon-user"></i>
			
 
				+              <span class="selfColor">{{ item.username }}</span>
			
 
				+              <span v-if="item.switchrole === 'anchor'"
			
 
				+                ><el-button type="primary" size="mini" @click="lookuserUpdate(item.id, 'audience')">移除</el-button></span
			
 
				+              >
			
 
				+              <span v-else><el-button type="primary" size="mini" @click="lookuserUpdate(item.id, 'anchor')">连麦</el-button></span>
			
 
				+            </p>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-row>
			
 
				+    </el-dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Vue from 'vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: gensign } = createNamespacedHelpers('gensign');
			
 
				+const { mapActions: chat } = createNamespacedHelpers('chat');
			
 
				+const { mapActions: lookuser } = createNamespacedHelpers('lookuser');
			
 
				+import TRTC from 'trtc-js-sdk';
			
 
				+export default {
			
 
				+  name: 'detailmetting',
			
 
				+  props: {
			
 
				+    roomInfo: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      // 摄像头
			
 
				+      shexiangDia: false,
			
 
				+      cameraId: '',
			
 
				+      cameras: [],
			
 
				+      // 麦克风
			
 
				+      tianchongDia: false,
			
 
				+      microphoneId: '',
			
 
				+      microphones: [],
			
 
				+      client_: '',
			
 
				+      localStream_: '',
			
 
				+      sdkAppId_: '1400414461',
			
 
				+      content: '',
			
 
				+      userId_: '',
			
 
				+      open_: false,
			
 
				+      dataList: [],
			
 
				+      index: 0,
			
 
				+      userList: [],
			
 
				+      lookuserDia: false,
			
 
				+      isanchor: true,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.initclient();
			
 
				+    this.getDevices();
			
 
				+    this.chatSearch();
			
 
				+  },
			
 
				+  mounted() {
			
 
				+    this.channel();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...gensign(['gensignFetch']),
			
 
				+    ...chat(['query', 'create', 'fetch']),
			
 
				+    ...lookuser(['lookquery', 'lookupdate']),
			
 
				+    async lookuserBtn() {
			
 
				+      this.lookuserDia = true;
			
 
				+      this.lookuserSearch();
			
 
				+    },
			
 
				+    async lookuserSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { roomid: this.id };
			
 
				+      let res = await this.lookquery({ skip, limit, ...info });
			
 
				+      this.$set(this, `userList`, res.data);
			
 
				+    },
			
 
				+    async lookuserUpdate(_id, _switchrole) {
			
 
				+      console.log(_id);
			
 
				+      let data = {};
			
 
				+      data.id = _id;
			
 
				+      data.switchrole = _switchrole;
			
 
				+      const res = await this.lookupdate(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$message({
			
 
				+          message: '操作成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.lookuserSearch();
			
 
				+      } else {
			
 
				+        this.$message.error(res.errmsg);
			
 
				+      }
			
 
				+    },
			
 
				+    async chatSearch({ skip = 0, limit = 1000 } = {}) {
			
 
				+      const info = { roomid: this.id };
			
 
				+      let res = await this.query({ skip, limit, ...info });
			
 
				+      this.$set(this, `dataList`, res.data);
			
 
				+    },
			
 
				+    async chatCreate() {
			
 
				+      let data = {};
			
 
				+      data.roomid = this.id;
			
 
				+      data.type = '1';
			
 
				+      data.content = this.content;
			
 
				+      data.sendid = this.user.uid;
			
 
				+      data.sendname = this.user.name;
			
 
				+      const res = await this.create(data);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+      }
			
 
				+    },
			
 
				+    channel() {
			
 
				+      console.log('in function:');
			
 
				+      this.$stomp({
			
 
				+        [`/exchange/public_chat_` + this.id]: this.onMessage,
			
 
				+      });
			
 
				+    },
			
 
				+    onMessage(message) {
			
 
				+      // console.log('receive a message: ', message.body);
			
 
				+      let body = _.get(message, 'body');
			
 
				+      if (body) {
			
 
				+        body = JSON.parse(body);
			
 
				+        this.dataList.push(body);
			
 
				+        this.content = '';
			
 
				+      }
			
 
				+      // const { content, contenttype, sendid, sendname, icon, groupid, sendtime, type } = message.headers;
			
 
				+      // let object = { content, contenttype, sendid, sendname, icon, groupid, sendtime, type };
			
 
				+      // this.list.push(object);
			
 
				+    },
			
 
				+    async getDevices() {
			
 
				+      this.cameras = await TRTC.getCameras();
			
 
				+      this.microphones = await TRTC.getMicrophones();
			
 
				+    },
			
 
				+    async initclient() {
			
 
				+      console.log(this.user.uid);
			
 
				+      this.userId_ = this.user.uid;
			
 
				+      const res = await this.gensignFetch({ userid: this.userId_ });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.client_ = TRTC.createClient({
			
 
				+          useCloud: 1,
			
 
				+          mode: 'live',
			
 
				+          sdkAppId: this.sdkAppId_,
			
 
				+          userId: this.userId_,
			
 
				+          userSig: res.data,
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+    async liveon() {
			
 
				+      this.open_ = true;
			
 
				+      console.log('8888--' + this.userId_);
			
 
				+      if (this.cameraId === '' || this.microphoneId === '') {
			
 
				+        this.$message({
			
 
				+          message: '请选择摄像头和麦克风',
			
 
				+          type: 'warning',
			
 
				+        });
			
 
				+        return;
			
 
				+      }
			
 
				+      await this.client_.join({ roomId: this.name, role: 'anchor' });
			
 
				+      this.localStream_ = await TRTC.createStream({
			
 
				+        audio: true,
			
 
				+        video: true,
			
 
				+        cameraId: this.cameraId,
			
 
				+        microphoneId: this.microphoneId,
			
 
				+        userId: this.userId_,
			
 
				+      });
			
 
				+      this.localStream_.setVideoProfile('480p');
			
 
				+      await this.localStream_.initialize();
			
 
				+      console.log('initialize local stream success');
			
 
				+      // publish the local stream
			
 
				+      await this.client_.publish(this.localStream_);
			
 
				+      this.localStream_.play('main-video');
			
 
				+      //$('#mask_main').appendTo($('#player_' + this.localStream_.getId()));
			
 
				+      // 订阅其他用户音视频
			
 
				+      this.client_.on('stream-subscribed', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        // 远端流订阅成功，播放远端音视频流
			
 
				+        console.log('111' + remoteStream.getType());
			
 
				+        this.index = this.index + 1;
			
 
				+        console.log('111--index--->' + this.index);
			
 
				+        if (this.index < 8) {
			
 
				+          const id_ = 'look-video-' + this.index;
			
 
				+          remoteStream.play(id_);
			
 
				+        }
			
 
				+      });
			
 
				+      // 监听远端流增加事件
			
 
				+      this.client_.on('stream-added', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        console.log('222' + remoteStream.getType());
			
 
				+        // 订阅远端音频和视频流
			
 
				+        this.client_.subscribe(remoteStream, { audio: true, video: true }).catch(e => {
			
 
				+          console.error('failed to subscribe remoteStream');
			
 
				+        });
			
 
				+      });
			
 
				+      this.client_.on('mute-video', event => {
			
 
				+        const remoteStream = event.stream;
			
 
				+        // 订阅远端音频和视频流
			
 
				+        if (this.index > 0) {
			
 
				+          this.index = this.index - 1;
			
 
				+        }
			
 
				+
			
 
				+        console.log('333--index---->' + this.index);
			
 
				+      });
			
 
				+    },
			
 
				+    async liveclose() {
			
 
				+      // 关闭视频通话
			
 
				+      console.log(this.open_);
			
 
				+      if (this.open_) {
			
 
				+        const videoTrack = this.localStream_.getVideoTrack();
			
 
				+        if (videoTrack) {
			
 
				+          this.localStream_.removeTrack(videoTrack).then(() => {
			
 
				+            console.log('remove video call success');
			
 
				+            // 关闭摄像头
			
 
				+            videoTrack.stop();
			
 
				+            this.client_.unpublish(this.localStream_).then(() => {
			
 
				+              // 取消发布本地流成功
			
 
				+            });
			
 
				+          });
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    async cameraChange() {
			
 
				+      //await this.localStream_.switchDevice('video', this.cameraId);
			
 
				+    },
			
 
				+    async micrChange() {
			
 
				+      //await this.localStream_.switchDevice('audio', this.microphoneId);
			
 
				+    },
			
 
				+    // 选择打开摄像头
			
 
				+    shexiangBtn() {
			
 
				+      this.shexiangDia = true;
			
 
				+    },
			
 
				+    // 选择打开麦克风
			
 
				+    tianchongBtn() {
			
 
				+      this.tianchongDia = true;
			
 
				+    },
			
 
				+    // 关闭摄像头&麦克风
			
 
				+    handleClose(done) {
			
 
				+      done();
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    name() {
			
 
				+      return this.$route.query.name;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.info {
			
 
				+  background-color: #2a2b30;
			
 
				+  min-height: 840px;
			
 
				+  .left {
			
 
				+    .leftTop {
			
 
				+      min-height: 540px;
			
 
				+      padding: 0 15px;
			
 
				+      margin: 20px 0;
			
 
				+      p {
			
 
				+        color: #ccc;
			
 
				+      }
			
 
				+      p:nth-child(2) {
			
 
				+        padding: 10px 0;
			
 
				+      }
			
 
				+      p:nth-child(3) {
			
 
				+        line-height: 25px;
			
 
				+      }
			
 
				+    }
			
 
				+    .leftDown {
			
 
				+      padding: 10px 0 0 0;
			
 
				+      border-top: 1px solid #000;
			
 
				+      .btn {
			
 
				+        margin: 0 0 15px 0;
			
 
				+        color: #cccccc;
			
 
				+        text-align: center;
			
 
				+      }
			
 
				+      .btn:hover {
			
 
				+        cursor: pointer;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+  .right {
			
 
				+    .rightTop {
			
 
				+      height: 100px;
			
 
				+      background-color: #232428;
			
 
				+      text-align: right;
			
 
				+      color: #ccc;
			
 
				+      line-height: 100px;
			
 
				+      span {
			
 
				+        margin: 0 10px 0 0;
			
 
				+      }
			
 
				+      span:hover {
			
 
				+        cursor: pointer;
			
 
				+        color: #409eff;
			
 
				+      }
			
 
				+    }
			
 
				+    .video {
			
 
				+      min-height: 640px;
			
 
				+      background-color: #000;
			
 
				+      overflow: hidden;
			
 
				+      position: relative;
			
 
				+      .videoMeet {
			
 
				+        .one {
			
 
				+          height: 480px;
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+        .two {
			
 
				+          height: 480px;
			
 
				+          overflow: hidden;
			
 
				+          .twoOne {
			
 
				+            height: 160px;
			
 
				+            overflow: hidden;
			
 
				+          }
			
 
				+        }
			
 
				+        .three {
			
 
				+          height: 160px;
			
 
				+          overflow: hidden;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .noVideo {
			
 
				+      position: relative;
			
 
				+      min-height: 640px;
			
 
				+      background-color: #000;
			
 
				+      border-left: 1px solid #fff;
			
 
				+      color: #fff;
			
 
				+      .chatList {
			
 
				+        height: 598px;
			
 
				+        padding: 5px 5px 5px 0px;
			
 
				+        overflow-y: auto;
			
 
				+        .list {
			
 
				+          margin: 0 0 10px 0;
			
 
				+          span:first-child {
			
 
				+            float: left;
			
 
				+            width: 17%;
			
 
				+            text-align: center;
			
 
				+            overflow: hidden;
			
 
				+            text-overflow: ellipsis;
			
 
				+            white-space: nowrap;
			
 
				+            // font-weight: bold;
			
 
				+          }
			
 
				+          span:last-child {
			
 
				+            float: right;
			
 
				+            width: 82%;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+      .chatInput {
			
 
				+        position: absolute;
			
 
				+        bottom: 0;
			
 
				+        .el-button {
			
 
				+          width: 100%;
			
 
				+          padding: 13px 0;
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .rightDown {
			
 
				+      height: 100px;
			
 
				+      background-color: #232428;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-dialog__body {
			
 
				+  min-height: 100px;
			
 
				+}
			
 
				+#main-video {
			
 
				+  width: 100%;
			
 
				+  height: 480px;
			
 
				+  min-height: 480px;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+.lookvideo {
			
 
				+  width: 100%;
			
 
				+  height: 160px;
			
 
				+  min-height: 160px;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+/deep/.el-textarea__inner {
			
 
				+  padding: 0 15px;
			
 
				+  line-height: 20px;
			
 
				+  border-radius: 0;
			
 
				+}
			
 
				+.selfColor {
			
 
				+  color: #ff0000;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/live/liveList.vue
+++ b/src/layout/live/liveList.vue
@@ -0,0 +1,121 @@
 
				+<template>
			
 
				+  <div id="liveList">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <el-col :span="8" class="list" v-for="(item, index) in list" :key="index" @click.native="detaiBtn(item)">
			
 
				+          <el-image class="image" :src="item.filedir"></el-image>
			
 
				+          <el-col :span="24" class="info">
			
 
				+            <p>
			
 
				+              <span class="textOver">[房间号:{{ item.name }}]{{ item.title }}</span>
			
 
				+              <span>直播类型:{{ item.type == '0' ? '直播' : '会议' }}</span>
			
 
				+            </p>
			
 
				+            <p>
			
 
				+              <span><i class="iconfont iconicon-person"></i>{{ item.username }}</span>
			
 
				+              <span><i class="iconfont iconzhuangtai"></i>{{ item.status == '0' ? '待开始' : '开始' }}</span>
			
 
				+            </p>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'liveList',
			
 
				+  props: {
			
 
				+    list: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {};
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    detaiBtn(item) {
			
 
				+      if (item.status == '1') {
			
 
				+        if (item.type == '0') {
			
 
				+          this.$router.push({ path: '/live/detail', query: { id: item.id, name: item.name, anchorid: item.anchorid } });
			
 
				+        } else {
			
 
				+          this.$router.push({ path: '/live/meetingDetail', query: { id: item.id, name: item.name, anchorid: item.anchorid } });
			
 
				+        }
			
 
				+      } else {
			
 
				+        this.$message({
			
 
				+          message: '直播尚未开始',
			
 
				+          type: 'warning',
			
 
				+        });
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.list {
			
 
				+  width: 30%;
			
 
				+  margin: 0 15px 15px 15px;
			
 
				+  border-radius: 10px;
			
 
				+  box-shadow: 0 0 4px #ccc;
			
 
				+  .info {
			
 
				+    padding: 0 10px;
			
 
				+    p {
			
 
				+      font-size: 14px;
			
 
				+      color: #000;
			
 
				+      span:first-child {
			
 
				+        float: left;
			
 
				+        width: 75%;
			
 
				+        padding: 0 0 10px 0;
			
 
				+      }
			
 
				+      span:last-child {
			
 
				+        float: right;
			
 
				+        color: #888;
			
 
				+      }
			
 
				+    }
			
 
				+    p:last-child {
			
 
				+      color: #888;
			
 
				+      span {
			
 
				+        display: inline-block;
			
 
				+        width: 50%;
			
 
				+        i {
			
 
				+          margin: 0 5px 0 0;
			
 
				+        }
			
 
				+      }
			
 
				+      span:last-child {
			
 
				+        text-align: right;
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-image {
			
 
				+  width: 100%;
			
 
				+  height: 300px;
			
 
				+  border-top-left-radius: 10px;
			
 
				+  border-top-right-radius: 10px;
			
 
				+}
			
 
				+/deep/.el-image__inner {
			
 
				+  -webkit-transition: all 0.3s linear;
			
 
				+  -moz-transition: all 0.3s linear;
			
 
				+  -o-transition: all 0.3s linear;
			
 
				+  transition: all 0.3s linear;
			
 
				+}
			
 
				+/deep/.el-image:hover {
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+/deep/.el-image:hover .el-image__inner {
			
 
				+  transform: scale(1.09, 1.09);
			
 
				+  -ms-transform: scale(1.09, 1.09);
			
 
				+  -webkit-transform: scale(1.09, 1.09);
			
 
				+  -o-transform: scale(1.09, 1.09);
			
 
				+  -moz-transform: scale(1.09, 1.09);
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/main-layout.vue
+++ b/src/layout/main-layout.vue
@@ -0,0 +1,84 @@
 
				+<template>
			
 
				+  <div id="main-layout">
			
 
				+    <el-row>
			
 
				+      <div v-if="!toLogin()">
			
 
				+        <el-container class="index">
			
 
				+          <el-header height="4rem" class="heads">
			
 
				+            <heads></heads>
			
 
				+          </el-header>
			
 
				+          <el-container>
			
 
				+            <el-aside width="13rem" class="menus">
			
 
				+              <menus></menus>
			
 
				+            </el-aside>
			
 
				+            <el-main class="main">
			
 
				+              <router-view />
			
 
				+            </el-main>
			
 
				+          </el-container>
			
 
				+        </el-container>
			
 
				+      </div>
			
 
				+      <div v-else>
			
 
				+        <router-view />
			
 
				+      </div>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import heads from '@/layout/layout-part/heads.vue';
			
 
				+import menus from '@/layout/layout-part/menus.vue';
			
 
				+import { mapActions, mapState } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'main-layout',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    heads,
			
 
				+    menus,
			
 
				+  },
			
 
				+  data: () => ({
			
 
				+    loginBei: require('@/assets/beijing.jpg'),
			
 
				+  }),
			
 
				+  created() {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+  },
			
 
				+  methods: {
			
 
				+    toLogin() {
			
 
				+      let route = window.location.pathname;
			
 
				+      console.log(route);
			
 
				+      if (route == '/login') {
			
 
				+        return route.includes('login');
			
 
				+      } else if (route == '/livecheck') {
			
 
				+        return route.includes('livecheck');
			
 
				+      } else if (route == '/liveadmin/login') {
			
 
				+        return route.includes('login');
			
 
				+      } else if (route == '/liveadmin/livecheck') {
			
 
				+        return route.includes('livecheck');
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  mounted() {},
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.index {
			
 
				+  background-image: url('../assets/beijing.jpg');
			
 
				+  background-size: 100% 100%;
			
 
				+  background-repeat: no-repeat;
			
 
				+}
			
 
				+.heads {
			
 
				+  padding: 0;
			
 
				+  // background-color: #409eff8f;
			
 
				+  background-color: #353852;
			
 
				+  border-bottom: 1px solid #000;
			
 
				+}
			
 
				+.menus {
			
 
				+  min-height: 905px;
			
 
				+  background: rgb(53, 56, 82);
			
 
				+}
			
 
				+.main {
			
 
				+  min-height: 905px;
			
 
				+  background-color: #ffffff;
			
 
				+  padding: 0 15px;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/public/top.vue
+++ b/src/layout/public/top.vue
@@ -0,0 +1,44 @@
 
				+<template>
			
 
				+  <div id="top">
			
 
				+    <el-row>
			
 
				+      <el-col class="info">
			
 
				+        <el-col :span="1" class="home">
			
 
				+          <i class="el-icon-s-home"></i>
			
 
				+        </el-col>
			
 
				+        <el-col :span="23">
			
 
				+          <el-breadcrumb separator-class="el-icon-arrow-right">
			
 
				+            <el-breadcrumb-item :to="{ path: '/' }"> 我的主页</el-breadcrumb-item>
			
 
				+            <el-breadcrumb-item>{{ topTitle }}</el-breadcrumb-item>
			
 
				+          </el-breadcrumb>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'top',
			
 
				+  props: {
			
 
				+    topTitle: null,
			
 
				+  },
			
 
				+  components: {},
			
 
				+  data: () => ({}),
			
 
				+  created() {},
			
 
				+  computed: {},
			
 
				+  methods: {},
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.info {
			
 
				+  height: 40px;
			
 
				+  line-height: 40px;
			
 
				+}
			
 
				+.home {
			
 
				+  text-align: center;
			
 
				+}
			
 
				+/deep/.el-breadcrumb {
			
 
				+  line-height: 40px;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/room/detailInfo.vue
+++ b/src/layout/room/detailInfo.vue
@@ -0,0 +1,205 @@
 
				+<template>
			
 
				+  <div id="detail">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <el-col :span="24" class="messgae">
			
 
				+          <el-form ref="form" :model="form" label-width="120px" :rules="rules">
			
 
				+            <el-form-item label="标题" prop="title">
			
 
				+              <el-input v-model="form.title" placeholder="请输入房间标题"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="房间号" prop="name">
			
 
				+              <el-input v-model.number="form.name" placeholder="房间号必须是数字"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="主持" prop="anchorid">
			
 
				+              <el-select v-model="form.anchorid" placeholder="请选择主持人" filterable>
			
 
				+                <el-option v-for="item in newlist" :key="item.id" :label="item.name" :value="item.id"> </el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="主讲人">
			
 
				+              <el-checkbox-group v-model="form.zjr">
			
 
				+                <el-checkbox v-for="item in newlist" :label="item.id" :key="item.id" :value="item.id">{{ item.name }}</el-checkbox>
			
 
				+              </el-checkbox-group>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="直播时间" required>
			
 
				+              <el-col :span="9">
			
 
				+                <el-form-item prop="starttime">
			
 
				+                  <el-date-picker
			
 
				+                    v-model="form.starttime"
			
 
				+                    type="datetime"
			
 
				+                    style="width: 60%;"
			
 
				+                    placeholder="请选择直播开始时间"
			
 
				+                    format="yyyy-MM-dd HH:mm"
			
 
				+                    value-format="yyyy-MM-dd HH:mm"
			
 
				+                  >
			
 
				+                  </el-date-picker>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+              <el-col class="line" :span="2">-</el-col>
			
 
				+              <el-col :span="9">
			
 
				+                <el-form-item prop="endtime">
			
 
				+                  <el-date-picker
			
 
				+                    v-model="form.endtime"
			
 
				+                    type="datetime"
			
 
				+                    style="width: 60%;"
			
 
				+                    placeholder="请选择直播结束时间"
			
 
				+                    format="yyyy-MM-dd HH:mm"
			
 
				+                    value-format="yyyy-MM-dd HH:mm"
			
 
				+                  >
			
 
				+                  </el-date-picker>
			
 
				+                </el-form-item>
			
 
				+              </el-col>
			
 
				+              <el-col class="line" :span="4"></el-col>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="类型" prop="type">
			
 
				+              <el-radio v-model="form.type" label="0">直播</el-radio>
			
 
				+              <el-radio v-model="form.type" label="1">会议</el-radio>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="录播金额" prop="type">
			
 
				+              <el-input v-model="form.price" placeholder="请输入金额"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="封面图片" prop="filedir">
			
 
				+              <upload :limit="1" :data="form.filedir" type="filedir" :url="'/files/filedir/upload'" @upload="uploadSuccess"></upload>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="简介" prop="content">
			
 
				+              <el-input
			
 
				+                type="textarea"
			
 
				+                maxlength="300"
			
 
				+                show-word-limit
			
 
				+                :autosize="{ minRows: 2, maxRows: 4 }"
			
 
				+                v-model="form.content"
			
 
				+                placeholder="请输入简介"
			
 
				+              ></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="是否开启广告" prop="isadvert">
			
 
				+              <el-switch v-model="form.isadvert" active-text="开启" inactive-text="关闭"> </el-switch>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="广告位" v-if="form.isadvert == true">
			
 
				+              <el-col :span="20">
			
 
				+                <el-table :data="form.adverts" style="width: 100%" border>
			
 
				+                  <el-table-column prop="title" label="标题" align="center"> </el-table-column>
			
 
				+                  <el-table-column label="图片地址" align="center">
			
 
				+                    <template slot-scope="scope">
			
 
				+                      <el-image style="width: 30px; height: 30px" :src="scope.row.imgdir"></el-image>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                  <el-table-column prop="imgurl" label="链接地址" align="center"> </el-table-column>
			
 
				+                  <el-table-column label="操作" align="center">
			
 
				+                    <template slot-scope="scope">
			
 
				+                      <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </el-col>
			
 
				+              <el-col :span="4">
			
 
				+                <el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
			
 
				+                  上传广告图片
			
 
				+                </el-button>
			
 
				+                <el-drawer title="广告位" class="drawer" :visible.sync="drawer" :direction="direction" :before-close="handleClose">
			
 
				+                  <el-form-item label="标题">
			
 
				+                    <el-input v-model="drawerform.title" placeholder="请输入标题"></el-input>
			
 
				+                  </el-form-item>
			
 
				+                  <el-form-item label="图片">
			
 
				+                    <upload :limit="1" :data="drawerform.imgdir" type="imgdir" :url="'/files/advert/upload'" @upload="advertSuccess"></upload>
			
 
				+                  </el-form-item>
			
 
				+                  <el-form-item label="链接">
			
 
				+                    <el-input v-model="drawerform.imgurl" placeholder="请输入链接地址"></el-input>
			
 
				+                  </el-form-item>
			
 
				+                  <el-col :span="24" style="text-align:center">
			
 
				+                    <el-button type="primary" @click="submitDrawer">保存</el-button>
			
 
				+                  </el-col>
			
 
				+                </el-drawer>
			
 
				+              </el-col>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item>
			
 
				+              <el-button type="primary" @click="onSubmit('form')">提交</el-button>
			
 
				+            </el-form-item>
			
 
				+          </el-form>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import upload from '@/components/upload.vue';
			
 
				+export default {
			
 
				+  name: 'detail',
			
 
				+  props: {
			
 
				+    form: null,
			
 
				+    newlist: null,
			
 
				+  },
			
 
				+  components: {
			
 
				+    upload,
			
 
				+  },
			
 
				+  data: () => ({
			
 
				+    adverts: [],
			
 
				+    direction: 'rtl',
			
 
				+    drawer: false,
			
 
				+    imgurl: '',
			
 
				+    imgdir: '',
			
 
				+    title: '',
			
 
				+    rules: {
			
 
				+      title: [{ required: true, message: '请输入房间标题', trigger: 'blur' }],
			
 
				+      name: [
			
 
				+        { required: true, message: '请输入房间号', trigger: 'blur' },
			
 
				+        // { type: 'number', message: '房间号必须为数字值' },
			
 
				+      ],
			
 
				+      anchorid: [{ required: true, message: '请选择主播', trigger: 'change' }],
			
 
				+      filedir: [{ required: true, message: '请选择头像图片', trigger: 'blur' }],
			
 
				+      type: [{ required: true, message: '请选择类型', trigger: 'change' }],
			
 
				+      content: [{ required: false, message: '请输入信息简介', trigger: 'blur' }],
			
 
				+      starttime: [{ required: false, message: '请选择直播開始時間', trigger: 'change' }],
			
 
				+      endtime: [{ required: false, message: '请选择直播結束時間', trigger: 'change' }],
			
 
				+    },
			
 
				+    drawerform: {},
			
 
				+  }),
			
 
				+  created() {},
			
 
				+  computed: {},
			
 
				+  methods: {
			
 
				+    uploadSuccess({ type, data }) {
			
 
				+      this.$set(this.form, `${type}`, data.uri);
			
 
				+    },
			
 
				+    onSubmit() {
			
 
				+      this.$emit('submitDate', { data: this.form });
			
 
				+    },
			
 
				+    advertSuccess({ type, data }) {
			
 
				+      this.$set(this.drawerform, `${type}`, data.uri);
			
 
				+    },
			
 
				+    handleClose(done) {
			
 
				+      done();
			
 
				+    },
			
 
				+    submitDrawer() {
			
 
				+      if (this.drawerform.title != null && this.drawerform.imgdir != null && this.drawerform.imgurl != null) {
			
 
				+        this.form.adverts.push(this.drawerform);
			
 
				+      }
			
 
				+      this.drawerform = {};
			
 
				+      this.drawer = false;
			
 
				+    },
			
 
				+    handleDelete(index, row) {
			
 
				+      this.form.adverts.splice(index, 1);
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.top {
			
 
				+  padding: 15px 0;
			
 
				+}
			
 
				+.top .topTitle {
			
 
				+  text-align: left;
			
 
				+}
			
 
				+.top .topBtn {
			
 
				+  text-align: right;
			
 
				+  padding: 0 5px;
			
 
				+}
			
 
				+/deep/.el-table td {
			
 
				+  padding: 5px 0;
			
 
				+}
			
 
				+/deep/ .el-table th {
			
 
				+  padding: 5px 0;
			
 
				+}
			
 
				+/deep/.el-form-item .el-form-item {
			
 
				+  margin-bottom: 20px;
			
 
				+}
			
 
				+</style>
			
--- a/src/layout/room/detailStatusInfo.vue
+++ b/src/layout/room/detailStatusInfo.vue
@@ -0,0 +1,83 @@
 
				+<template>
			
 
				+  <div id="detail">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <el-col :span="24" class="messgae">
			
 
				+          <el-form ref="form" :model="form" label-width="120px" :rules="rules">
			
 
				+            <el-form-item label="房间标题" prop="title">
			
 
				+              <el-input v-model="form.title" disabled></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="房间号" prop="name">
			
 
				+              <el-input v-model="form.name" disabled></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="主播" prop="username">
			
 
				+              <el-input v-model="form.username" disabled></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="类型" prop="type">
			
 
				+              <el-radio v-model="form.type" label="0" disabled>直播</el-radio>
			
 
				+              <el-radio v-model="form.type" label="1" disabled>会议</el-radio>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="封面图片" prop="filedir">
			
 
				+              <upload :limit="1" :data="form.filedir" type="filedir" :url="'/files/filedir/upload'" @upload="uploadSuccess"></upload>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="信息简介" prop="content">
			
 
				+              <el-input type="textarea" v-model="form.content" disabled></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="直播状态" prop="status">
			
 
				+              <el-radio v-model="form.status" label="1">开启</el-radio>
			
 
				+              <el-radio v-model="form.status" label="2">结束</el-radio>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item>
			
 
				+              <el-button type="primary" @click="onSubmit()">提交</el-button>
			
 
				+            </el-form-item>
			
 
				+          </el-form>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import upload from '@/components/upload.vue';
			
 
				+export default {
			
 
				+  name: 'detail',
			
 
				+  props: {
			
 
				+    form: null,
			
 
				+  },
			
 
				+  components: {
			
 
				+    upload,
			
 
				+  },
			
 
				+  data: () => ({
			
 
				+    rules: {
			
 
				+      name: [{ required: true, message: '请输入房间号', trigger: 'blur' }],
			
 
				+      anchorid: [{ required: true, message: '请选择主播', trigger: 'change' }],
			
 
				+      filedir: [{ required: true, message: '请选择头像图片', trigger: 'blur' }],
			
 
				+      type: [{ required: true, message: '请选择类型', trigger: 'change' }],
			
 
				+      status: [{ required: true, message: '请选择直播状态', trigger: 'change' }],
			
 
				+    },
			
 
				+  }),
			
 
				+  created() {},
			
 
				+  computed: {},
			
 
				+  methods: {
			
 
				+    uploadSuccess({ type, data }) {
			
 
				+      this.$set(this.form, `${type}`, data.uri);
			
 
				+    },
			
 
				+    onSubmit() {
			
 
				+      this.$emit('onSubmit', { data: this.form });
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.top {
			
 
				+  padding: 15px 0;
			
 
				+}
			
 
				+.top .topTitle {
			
 
				+  text-align: left;
			
 
				+}
			
 
				+.top .topBtn {
			
 
				+  text-align: right;
			
 
				+  padding: 0 5px;
			
 
				+}
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,25 @@
 
				+import Vue from 'vue';
			
 
				+import App from './App.vue';
			
 
				+import router from './router';
			
 
				+import store from './store';
			
 
				+import '@/plugins/element.js';
			
 
				+// import '@/plugins/vant';
			
 
				+import '@/plugins/axios';
			
 
				+import '@/plugins/check-res';
			
 
				+import '@/plugins/meta';
			
 
				+import '@/plugins/filters';
			
 
				+import '@/plugins/loading';
			
 
				+import '@/plugins/var';
			
 
				+import '@/plugins/methods';
			
 
				+import '@/plugins/setting';
			
 
				+import '@/iconfonts/iconfont.css';
			
 
				+import InitStomp from '@/plugins/stomp';
			
 
				+new Vue({
			
 
				+  router,
			
 
				+  store,
			
 
				+  render: h => h(App),
			
 
				+}).$mount('#app');
			
 
				+InitStomp();
			
 
				+window.vm = new Vue({
			
 
				+  router,
			
 
				+});
			
--- a/src/plugins/axios.js
+++ b/src/plugins/axios.js
@@ -0,0 +1,19 @@
 
				+import Vue from 'vue';
			
 
				+import AxiosWrapper from '@/util/axios-wrapper';
			
 
				+
			
 
				+const Plugin = {
			
 
				+  install(vue, options) {
			
 
				+    // 3. 注入组件
			
 
				+    vue.mixin({
			
 
				+      created() {
			
 
				+        if (this.$store && !this.$store.$axios) {
			
 
				+          this.$store.$axios = this.$axios;
			
 
				+        }
			
 
				+      },
			
 
				+    });
			
 
				+    // 4. 添加实例方法
			
 
				+    vue.prototype.$axios = new AxiosWrapper(options);
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin, { baseUrl: process.env.VUE_APP_AXIOS_BASE_URL });
			
--- a/src/plugins/check-res.js
+++ b/src/plugins/check-res.js
@@ -0,0 +1,42 @@
 
				+/* eslint-disable no-underscore-dangle */
			
 
				+/* eslint-disable no-param-reassign */
			
 
				+/* eslint-disable no-unused-vars */
			
 
				+/* eslint-disable no-shadow */
			
 
				+import Vue from 'vue';
			
 
				+import _ from 'lodash';
			
 
				+import { Message } from 'element-ui';
			
 
				+// import { Notify } from 'vant';
			
 
				+
			
 
				+const vm = new Vue({});
			
 
				+const Plugin = {
			
 
				+  install(Vue, options) {
			
 
				+    // 4. 添加实例方法
			
 
				+    Vue.prototype.$checkRes = (res, okText, errText) => {
			
 
				+      let _okText = okText;
			
 
				+      let _errText = errText;
			
 
				+      if (!_.isFunction(okText) && _.isObject(okText) && okText != null) {
			
 
				+        ({ okText: _okText, errText: _errText } = okText);
			
 
				+      }
			
 
				+      const { errcode = 0, errmsg } = res || {};
			
 
				+      if (errcode === 0) {
			
 
				+        if (_.isFunction(_okText)) {
			
 
				+          return _okText();
			
 
				+        }
			
 
				+        if (_okText) {
			
 
				+          Message.success(_okText);
			
 
				+          // Notify({ type: 'success', message: _okText });
			
 
				+        }
			
 
				+        return true;
			
 
				+      }
			
 
				+      if (_.isFunction(_errText)) {
			
 
				+        return _errText();
			
 
				+      }
			
 
				+      Message.error(_errText || errmsg);
			
 
				+      // Notify({ type: 'danger', message: _okText });
			
 
				+      // Message({ message: _errText || errmsg, duration: 60000 });
			
 
				+      return false;
			
 
				+    };
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin);
			
--- a/src/plugins/element.js
+++ b/src/plugins/element.js
@@ -0,0 +1,5 @@
 
				+import Vue from 'vue';
			
 
				+import Element from 'element-ui';
			
 
				+import 'element-ui/lib/theme-chalk/index.css';
			
 
				+
			
 
				+Vue.use(Element);
			
--- a/src/plugins/filters.js
+++ b/src/plugins/filters.js
@@ -0,0 +1,6 @@
 
				+import Vue from 'vue';
			
 
				+import filters from '@/util/filters';
			
 
				+
			
 
				+for (const method in filters) {
			
 
				+  Vue.filter(method, filters[method]);
			
 
				+}
			
--- a/src/plugins/loading.js
+++ b/src/plugins/loading.js
@@ -0,0 +1,27 @@
 
				+/* eslint-disable no-console */
			
 
				+/* eslint-disable no-param-reassign */
			
 
				+
			
 
				+import Vue from 'vue';
			
 
				+
			
 
				+const Plugin = {
			
 
				+  // eslint-disable-next-line no-unused-vars
			
 
				+  install(vue, options) {
			
 
				+    // 3. 注入组件
			
 
				+    vue.mixin({
			
 
				+      created() {
			
 
				+        // eslint-disable-next-line no-underscore-dangle
			
 
				+        const isRoot = this.constructor === Vue;
			
 
				+        // console.log(`rootId:${rootVue_uid}; thisId:${this._uid}`);
			
 
				+        // if (rootVue_uid !== 3) {
			
 
				+        //   console.log(this);
			
 
				+        // }
			
 
				+        if (isRoot) {
			
 
				+          const el = document.getElementById('loading');
			
 
				+          if (el) el.style.display = 'none';
			
 
				+        }
			
 
				+      },
			
 
				+    });
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin, { baseUrl: process.env.VUE_APP_AXIOS_BASE_URL });
			
--- a/src/plugins/meta.js
+++ b/src/plugins/meta.js
@@ -0,0 +1,4 @@
 
				+import Vue from 'vue';
			
 
				+import Meta from 'vue-meta';
			
 
				+
			
 
				+Vue.use(Meta);
			
--- a/src/plugins/methods.js
+++ b/src/plugins/methods.js
@@ -0,0 +1,33 @@
 
				+import Vue from 'vue';
			
 
				+import _ from 'lodash';
			
 
				+const Plugin = {
			
 
				+  install(Vue, options) {
			
 
				+    // 3. 注入组件
			
 
				+    Vue.mixin({
			
 
				+      created() {
			
 
				+        if (this.$store && !this.$store.$toUndefined) {
			
 
				+          this.$store.$toUndefined = this.$toUndefined;
			
 
				+        }
			
 
				+      },
			
 
				+    });
			
 
				+    // 4. 添加实例方法
			
 
				+    Vue.prototype.$toUndefined = object => {
			
 
				+      let keys = Object.keys(object);
			
 
				+      keys.map(item => {
			
 
				+        object[item] = object[item] === '' ? (object[item] = undefined) : object[item];
			
 
				+      });
			
 
				+      return object;
			
 
				+    };
			
 
				+    Vue.prototype.$turnTo = item => {
			
 
				+      if (item.info_type == 1) {
			
 
				+        window.open(item.url);
			
 
				+      } else {
			
 
				+        let router = window.vm.$router;
			
 
				+        let route = window.vm.$route.path;
			
 
				+        router.push({ path: `/info/detail?id=${item.id}` });
			
 
				+      }
			
 
				+    };
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin);
			
--- a/src/plugins/setting.js
+++ b/src/plugins/setting.js
@@ -0,0 +1,20 @@
 
				+import Vue from 'vue';
			
 
				+
			
 
				+Vue.config.weixin = {
			
 
				+  // baseUrl: process.env.BASE_URL + 'weixin',
			
 
				+  baseUrl: `http://${location.host}/weixin`,
			
 
				+};
			
 
				+
			
 
				+Vue.config.stomp = {
			
 
				+  // brokerURL: 'ws://192.168.1.190:15674/ws',
			
 
				+  brokerURL: '/ws', // ws://${location.host}/ws
			
 
				+  connectHeaders: {
			
 
				+    host: 'live',
			
 
				+    login: 'live',
			
 
				+    passcode: 'live',
			
 
				+  },
			
 
				+  // debug: true,
			
 
				+  reconnectDelay: 5000,
			
 
				+  heartbeatIncoming: 4000,
			
 
				+  heartbeatOutgoing: 4000,
			
 
				+};
			
--- a/src/plugins/stomp.js
+++ b/src/plugins/stomp.js
@@ -0,0 +1,65 @@
 
				+/**
			
 
				+ * 基于WebStomp的消息处理插件
			
 
				+ */
			
 
				+
			
 
				+import Vue from 'vue';
			
 
				+import _ from 'lodash';
			
 
				+import assert from 'assert';
			
 
				+import { Client } from '@stomp/stompjs/esm5/client';
			
 
				+
			
 
				+const Plugin = {
			
 
				+  install(Vue, options) {
			
 
				+    assert(_.isObject(options));
			
 
				+    if (options.debug && !_.isFunction(options.debug)) {
			
 
				+      options.debug = str => {
			
 
				+        console.log(str);
			
 
				+      };
			
 
				+    }
			
 
				+    assert(_.isString(options.brokerURL));
			
 
				+    if (!options.brokerURL.startsWith('ws://')) {
			
 
				+      options.brokerURL = `wss://${location.host}${options.brokerURL}`;
			
 
				+    }
			
 
				+
			
 
				+    // 3. 注入组件
			
 
				+    Vue.mixin({
			
 
				+      beforeDestroy: function() {
			
 
				+        if (this.$stompClient) {
			
 
				+          this.$stompClient.deactivate();
			
 
				+          delete this.$stompClient;
			
 
				+        }
			
 
				+      },
			
 
				+    });
			
 
				+
			
 
				+    // 4. 添加实例方法
			
 
				+    Vue.prototype.$stomp = function(subscribes = {}) {
			
 
				+      // connect to mq
			
 
				+      const client = new Client(options);
			
 
				+      client.onConnect = frame => {
			
 
				+        // Do something, all subscribes must be done is this callback
			
 
				+        // This is needed because this will be executed after a (re)connect
			
 
				+        console.log('[stomp] connected');
			
 
				+        Object.keys(subscribes)
			
 
				+          .filter(p => _.isFunction(subscribes[p]))
			
 
				+          .forEach(key => {
			
 
				+            client.subscribe(key, subscribes[key]);
			
 
				+          });
			
 
				+      };
			
 
				+
			
 
				+      client.onStompError = frame => {
			
 
				+        // Will be invoked in case of error encountered at Broker
			
 
				+        // Bad login/passcode typically will cause an error
			
 
				+        // Complaint brokers will set `message` header with a brief message. Body may contain details.
			
 
				+        // Compliant brokers will terminate the connection after any error
			
 
				+        console.log('Broker reported error: ' + frame.headers['message']);
			
 
				+        console.log('Additional details: ' + frame.body);
			
 
				+      };
			
 
				+
			
 
				+      client.activate();
			
 
				+
			
 
				+      this.$stompClient = client;
			
 
				+    };
			
 
				+  },
			
 
				+};
			
 
				+export default () => {
			
 
				+  Vue.use(Plugin, Vue.config.stomp);
			
 
				+};
			
--- a/src/plugins/vant.js
+++ b/src/plugins/vant.js
@@ -0,0 +1,5 @@
 
				+import Vue from 'vue';
			
 
				+import Vant from 'vant';
			
 
				+import 'vant/lib/index.css';
			
 
				+
			
 
				+Vue.use(Vant);
			
--- a/src/plugins/var.js
+++ b/src/plugins/var.js
@@ -0,0 +1,25 @@
 
				+import Vue from 'vue';
			
 
				+import _ from 'lodash';
			
 
				+
			
 
				+const getSiteId = () => {
			
 
				+  let host = `${window.location.hostname}`; //`999991.smart.jilinjobswx.cn ${window.location.hostname}`
			
 
				+  let schId;
			
 
				+  host = host.replace('http://', '');
			
 
				+  let arr = host.split('.');
			
 
				+  if (arr.length > 0) {
			
 
				+    schId = arr[0];
			
 
				+    if (schId === 'smart') schId = 'master';
			
 
				+    else `${schId}`.includes('localhost') || `${schId}`.includes('127.0.0.1') ? (schId = '99991') : '';
			
 
				+    sessionStorage.setItem('schId', `${schId}`.includes('localhost') || `${schId}`.includes('127.0.0.1') ? '99991' : schId);
			
 
				+  }
			
 
				+  return schId;
			
 
				+};
			
 
				+const Plugin = {
			
 
				+  install(vue, options) {
			
 
				+    // 4. 添加实例方法
			
 
				+    vue.prototype.$limit = 10;
			
 
				+    vue.prototype.$site = getSiteId();
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+Vue.use(Plugin);
			
--- a/src/router/before.js
+++ b/src/router/before.js
@@ -0,0 +1,24 @@
 
				+import store from '@/store/index';
			
 
				+
			
 
				+const checkLogin = (router, func) => {
			
 
				+  router.beforeEach(async (to, form, next) => {
			
 
				+    if (to.name == 'index') {
			
 
				+      let token = localStorage.getItem('token');
			
 
				+      if (token) {
			
 
				+        next();
			
 
				+      } else {
			
 
				+        next({ name: 'login' });
			
 
				+      }
			
 
				+    } else if (to.name == 'liveIndex') {
			
 
				+      let token = localStorage.getItem('token');
			
 
				+      if (token) {
			
 
				+        next();
			
 
				+      } else {
			
 
				+        next({ name: 'login' });
			
 
				+      }
			
 
				+    }
			
 
				+    let res = await store.dispatch('login/toGetUser', func ? func : null);
			
 
				+    next();
			
 
				+  });
			
 
				+};
			
 
				+export default checkLogin;
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,129 @@
 
				+import Vue from 'vue';
			
 
				+import VueRouter from 'vue-router';
			
 
				+import checkLogin from './before';
			
 
				+
			
 
				+Vue.use(VueRouter);
			
 
				+
			
 
				+const routes = [
			
 
				+  {
			
 
				+    path: '/',
			
 
				+    name: 'index',
			
 
				+    meta: { title: '首页' },
			
 
				+    component: () => import('../views/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/liveIndex',
			
 
				+    name: 'liveIndex',
			
 
				+    meta: { title: '直播页' },
			
 
				+    component: () => import('../views/liveIndex.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/anchor/index',
			
 
				+    meta: { title: '主播管理' },
			
 
				+    component: () => import('../views/anchor/index.vue'),
			
 
				+  },
			
 
				+
			
 
				+  {
			
 
				+    path: '/anchor/detail',
			
 
				+    meta: { title: '主播详情' },
			
 
				+    component: () => import('../views/anchor/detail.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/role/index',
			
 
				+    meta: { title: '菜单管理' },
			
 
				+    component: () => import('../views/role/index.vue'),
			
 
				+  },
			
 
				+
			
 
				+  {
			
 
				+    path: '/role/detail',
			
 
				+    meta: { title: '菜单详情' },
			
 
				+    component: () => import('../views/role/detail.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/live/index',
			
 
				+    meta: { title: '直播管理' },
			
 
				+    component: () => import('../views/live/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/live/detail',
			
 
				+    meta: { title: '直播详情' },
			
 
				+    component: () => import('../views/live/detail.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/live/meetingDetail',
			
 
				+    meta: { title: '会议直播详情' },
			
 
				+    component: () => import('../views/live/meetingDetail.vue'),
			
 
				+  },
			
 
				+
			
 
				+  {
			
 
				+    path: '/room/index',
			
 
				+    meta: { title: '房间管理' },
			
 
				+    component: () => import('../views/room/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/room/detail',
			
 
				+    meta: { title: '房间详情' },
			
 
				+    component: () => import('../views/room/detail.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/room/detailStatus',
			
 
				+    meta: { title: '房间状态审核' },
			
 
				+    component: () => import('../views/room/detailStatus.vue'),
			
 
				+  },
			
 
				+  // 统计
			
 
				+  {
			
 
				+    path: '/room/statList',
			
 
				+    meta: { title: '房间观看人数统计' },
			
 
				+    component: () => import('../views/room/statList.vue'),
			
 
				+  },
			
 
				+
			
 
				+  {
			
 
				+    path: '/test/index',
			
 
				+    meta: { title: '测试管理' },
			
 
				+    component: () => import('../views/test/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/test/detail',
			
 
				+    meta: { title: '添加' },
			
 
				+    component: () => import('../views/test/detail.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/question/index',
			
 
				+    meta: { title: '问卷管理' },
			
 
				+    component: () => import('../views/question/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/contact/index',
			
 
				+    meta: { title: '联系我们' },
			
 
				+    component: () => import('../views/contact/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/meetingBrief/index',
			
 
				+    meta: { title: '信息发布' },
			
 
				+    component: () => import('../views/meetingBrief/index.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/meetingBrief/detail',
			
 
				+    meta: { title: '信息发布信息管理' },
			
 
				+    component: () => import('../views/meetingBrief/detail.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/login',
			
 
				+    name: 'login',
			
 
				+    meta: { title: '登录' },
			
 
				+    component: () => import('../views/login.vue'),
			
 
				+  },
			
 
				+  {
			
 
				+    path: '/livecheck',
			
 
				+    name: 'livecheck',
			
 
				+    meta: { title: '登录' },
			
 
				+    component: () => import('../views/livecheck.vue'),
			
 
				+  },
			
 
				+];
			
 
				+const router = new VueRouter({
			
 
				+  mode: 'history',
			
 
				+  base: process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_ROUTER,
			
 
				+  routes,
			
 
				+});
			
 
				+checkLogin(router);
			
 
				+export default router;
			
--- a/src/store/chat.js
+++ b/src/store/chat.js
@@ -0,0 +1,46 @@
 
				+// 房间
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  chatInfo: `/api/onlive/chat`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit = 1000, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.chatInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.chatInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.chatInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.chatInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.chatInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/contact.js
+++ b/src/store/contact.js
@@ -0,0 +1,46 @@
 
				+// 权限
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  contactInfo: `/api/onlive/contact`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.contactInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.contactInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.contactInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.contactInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.contactInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/gensign.js
+++ b/src/store/gensign.js
@@ -0,0 +1,24 @@
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  gensignInfo: `/api/onlive/user/gensign`,
			
 
				+  // gensignInfo: `/api/onlive/user/gensignqili`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async gensignFetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.gensignInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,38 @@
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import login from './login';
			
 
				+import roomuser from './roomuser';
			
 
				+import role from './role';
			
 
				+import room from './room';
			
 
				+import lookuser from './lookuser';
			
 
				+import gensign from './gensign';
			
 
				+import chat from './chat';
			
 
				+import question from './question';
			
 
				+import questionnaire from './questionnaire';
			
 
				+import uploadquestion from './uploadquestion';
			
 
				+import contact from './contact';
			
 
				+import news from './news';
			
 
				+import * as ustate from './user/state';
			
 
				+import * as umutations from './user/mutations';
			
 
				+
			
 
				+Vue.use(Vuex);
			
 
				+
			
 
				+export default new Vuex.Store({
			
 
				+  state: { ...ustate },
			
 
				+  mutations: { ...umutations },
			
 
				+  actions: {},
			
 
				+  modules: {
			
 
				+    login,
			
 
				+    roomuser,
			
 
				+    role,
			
 
				+    room,
			
 
				+    lookuser,
			
 
				+    gensign,
			
 
				+    chat,
			
 
				+    question,
			
 
				+    questionnaire,
			
 
				+    uploadquestion,
			
 
				+    contact,
			
 
				+    news,
			
 
				+  },
			
 
				+});
			
--- a/src/store/login.js
+++ b/src/store/login.js
@@ -0,0 +1,102 @@
 
				+// 登录login&退出logout&修改密码
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import axios from 'axios';
			
 
				+import _ from 'lodash';
			
 
				+import { Notification } from 'element-ui';
			
 
				+const jwt = require('jsonwebtoken');
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  loginInfo: `/api/onlive/login`,
			
 
				+  getUser: `/api/onlive/token`,
			
 
				+  logoutInfo: `/api/onlive/logout`,
			
 
				+  uppasswdInfo: `/api/onlive/user/uppasswd`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  /**
			
 
				+    user:Object required 登陆信息 
			
 
				+    router:router 如果跳转就传
			
 
				+    path:String 跳转到的路由位置
			
 
				+    needReturn: Boolean 是否返回结果
			
 
				+    typeCheck: Boolean 是否检查身份对应匹配的前端项目
			
 
				+    isWx: Boolean 是否是微信登陆
			
 
				+    needNotice:Boolean 是否需要提示
			
 
				+   */
			
 
				+  async login({ commit, dispatch }, { user, router, path = '/', needReturn = false, typeCheck = false, isWx = false, needNotice = true }) {
			
 
				+    let res;
			
 
				+    //wx登陆,openid存在,user中是openid和qrcode;正常登陆,user中是mobile和passwd
			
 
				+    if (isWx) res = await this.$axios.$post(`${api.wxLogin}`, user);
			
 
				+    else res = await this.$axios.$post(`${api.loginInfo}`, user);
			
 
				+    const setUser = async (token, commit) => {
			
 
				+      localStorage.setItem('token', token);
			
 
				+      let userInfo = await dispatch('toGetUser');
			
 
				+      return userInfo;
			
 
				+    };
			
 
				+    let userInfo = {};
			
 
				+    if (res.errcode == '0') {
			
 
				+      userInfo = await setUser(res.data.key, commit);
			
 
				+      Notification({
			
 
				+        title: '登录成功',
			
 
				+        type: 'success',
			
 
				+        duration: 2000,
			
 
				+      });
			
 
				+      return userInfo;
			
 
				+    } else {
			
 
				+      if (needReturn) return res;
			
 
				+      else {
			
 
				+        Notification({
			
 
				+          title: '登录失败',
			
 
				+          message: `失败原因:${res.errmsg || '登陆失败'}`,
			
 
				+          type: 'error',
			
 
				+        });
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  async toGetUser({ commit }, payload) {
			
 
				+    let key = localStorage.getItem('token');
			
 
				+    if (!key) {
			
 
				+      if (_.isFunction(payload)) {
			
 
				+        payload();
			
 
				+        return;
			
 
				+      }
			
 
				+      let user = localStorage.getItem('user');
			
 
				+      if (user) {
			
 
				+        commit('setUser', JSON.parse(user), { root: true });
			
 
				+      } else {
			
 
				+        let stamp = new Date().getTime();
			
 
				+        let name = `游客${stamp}`;
			
 
				+        localStorage.setItem('user', JSON.stringify({ name }));
			
 
				+        commit('setUser', { name }, { root: true });
			
 
				+      }
			
 
				+      return;
			
 
				+    }
			
 
				+    let res = await axios.post(api.getUser, { key: key });
			
 
				+    let user = {};
			
 
				+    if (res.data.errcode == '0') {
			
 
				+      let token = _.get(res, `data.data.token`);
			
 
				+      if (token) {
			
 
				+        user = jwt.decode(token);
			
 
				+        commit('setUser', user, { root: true });
			
 
				+      }
			
 
				+    }
			
 
				+    return user;
			
 
				+  },
			
 
				+  async logout({ commit }, payload) {
			
 
				+    let key = localStorage.removeItem('token');
			
 
				+    const res = await this.$axios.$post(api.logoutInfo, { key: key });
			
 
				+    commit('deleteUser');
			
 
				+  },
			
 
				+  async update({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.uppasswdInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/lookuser.js
+++ b/src/store/lookuser.js
@@ -0,0 +1,60 @@
 
				+// 主播
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  roomuserInfo: `/api/onlive/lookuser`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.roomuserInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async lookquery({ commit }, { skip = 0, limit = 100, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.roomuserInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.roomuserInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.roomuserInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.roomuserInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async lookupdate({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.roomuserInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.roomuserInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/news.js
+++ b/src/store/news.js
@@ -0,0 +1,46 @@
 
				+// 权限
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  newsInfo: `/api/onlive/news`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.newsInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.newsInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.newsInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.newsInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.newsInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/question.js
+++ b/src/store/question.js
@@ -0,0 +1,64 @@
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+import axios from 'axios';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  interface: `/api/onlive/question`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}`, { skip, limit, ...info });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.interface}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...data }) {
			
 
				+    const res = await this.$axios.$post(`${api.interface}/update/${id}`, data);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.interface}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async mergeRequest({ commit, dispatch }, { method, data }) {
			
 
				+    let toRequest = () => {
			
 
				+      let res = [];
			
 
				+      for (const i of data) {
			
 
				+        res.push(dispatch(method, i));
			
 
				+      }
			
 
				+      return res;
			
 
				+    };
			
 
				+    let result = await axios.all(toRequest());
			
 
				+    let newFilter = data => {
			
 
				+      let res = data.map(i => {
			
 
				+        let type = _.isArray(i);
			
 
				+        if (!type) {
			
 
				+          //fetch的多个请求 是object 将errcode为0的data取出来
			
 
				+          return _.get(i, `data`, i);
			
 
				+        } else {
			
 
				+          //query的多个请求 array 将此数据再次走这个方法
			
 
				+          return newFilter(i);
			
 
				+        }
			
 
				+      });
			
 
				+      return res;
			
 
				+    };
			
 
				+    let returns = _.flattenDeep(newFilter(result));
			
 
				+    return returns;
			
 
				+  },
			
 
				+};
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/questionnaire.js
+++ b/src/store/questionnaire.js
@@ -0,0 +1,64 @@
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+import axios from 'axios';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  interface: `/api/onlive/questionnaire`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}`, { skip, limit, ...info });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.interface}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}/show/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...data }) {
			
 
				+    const res = await this.$axios.$post(`${api.interface}/update/${id}`, data);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.interface}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async mergeRequest({ commit, dispatch }, { method, data }) {
			
 
				+    let toRequest = () => {
			
 
				+      let res = [];
			
 
				+      for (const i of data) {
			
 
				+        res.push(dispatch(method, i));
			
 
				+      }
			
 
				+      return res;
			
 
				+    };
			
 
				+    let result = await axios.all(toRequest());
			
 
				+    let newFilter = data => {
			
 
				+      let res = data.map(i => {
			
 
				+        let type = _.isArray(i);
			
 
				+        if (!type) {
			
 
				+          //fetch的多个请求 是object 将errcode为0的data取出来
			
 
				+          return _.get(i, `data`, i);
			
 
				+        } else {
			
 
				+          //query的多个请求 array 将此数据再次走这个方法
			
 
				+          return newFilter(i);
			
 
				+        }
			
 
				+      });
			
 
				+      return res;
			
 
				+    };
			
 
				+    let returns = _.flattenDeep(newFilter(result));
			
 
				+    return returns;
			
 
				+  },
			
 
				+};
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/role.js
+++ b/src/store/role.js
@@ -0,0 +1,46 @@
 
				+// 权限
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  roleInfo: `/api/onlive/role`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.roleInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.roleInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.roleInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.roleInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.roleInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/room.js
+++ b/src/store/room.js
@@ -0,0 +1,95 @@
 
				+// 房间
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  roomInfo: `/api/onlive/room`,
			
 
				+  interface: `/api/onlive/questionnaire`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async questquery({ commit }, { skip = 0, limit, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}`, { skip, limit, ...info });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.roomInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.roomInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/update/${id}`, {
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.roomInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async startrecord({ commit }, info) {
			
 
				+    const res = await this.$axios.$get(`${api.roomInfo}/starttranscode`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async stoprecord({ commit }, info) {
			
 
				+    const res = await this.$axios.$get(`${api.roomInfo}/stoptranscode`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async deletefile({ commit }, info) {
			
 
				+    const res = await this.$axios.$get(`${api.roomInfo}/deletefile`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async roomquest({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/roomquest`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async updateanchor({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/updateanchor`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async roomquestclose({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/roomquestclose`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async updateshmai({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/updateshmai`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async switchzjr({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/switchzjr`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async switchzb({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/switchzb`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async switchzp({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/switchzp`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async dismissroom({ commit }, info) {
			
 
				+    const res = await this.$axios.$post(`${api.roomInfo}/dismissroom`, info);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/roomuser.js
+++ b/src/store/roomuser.js
@@ -0,0 +1,44 @@
 
				+// 主播
			
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  roomuserInfo: `/api/onlive/roomuser`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async query({ commit }, { skip = 0, limit = 10, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(api.roomuserInfo, {
			
 
				+      skip,
			
 
				+      limit,
			
 
				+      ...info,
			
 
				+    });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.roomuserInfo}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.roomuserInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...info } = {}) {
			
 
				+    const res = await this.$axios.$post(`${api.roomuserInfo}/update/${id}`, { ...info });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.roomuserInfo}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/uploadquestion.js
+++ b/src/store/uploadquestion.js
@@ -0,0 +1,68 @@
 
				+import Vue from 'vue';
			
 
				+import Vuex from 'vuex';
			
 
				+import _ from 'lodash';
			
 
				+import axios from 'axios';
			
 
				+Vue.use(Vuex);
			
 
				+const api = {
			
 
				+  interface: `/api/onlive/uploadquestion`,
			
 
				+};
			
 
				+const state = () => ({});
			
 
				+const mutations = {};
			
 
				+
			
 
				+const actions = {
			
 
				+  async completion({ commit }, { ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}/completion`, { ...info });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async query({ commit }, { skip = 0, limit, ...info } = {}) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}`, { skip, limit, ...info });
			
 
				+    return res;
			
 
				+  },
			
 
				+  async create({ commit }, payload) {
			
 
				+    const res = await this.$axios.$post(`${api.interface}`, payload);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async fetch({ commit }, payload) {
			
 
				+    const res = await this.$axios.$get(`${api.interface}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async update({ commit }, { id, ...data }) {
			
 
				+    const res = await this.$axios.$post(`${api.interface}/update/${id}`, data);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async delete({ commit }, payload) {
			
 
				+    const res = await this.$axios.$delete(`${api.interface}/${payload}`);
			
 
				+    return res;
			
 
				+  },
			
 
				+  async mergeRequest({ commit, dispatch }, { method, data }) {
			
 
				+    let toRequest = () => {
			
 
				+      let res = [];
			
 
				+      for (const i of data) {
			
 
				+        res.push(dispatch(method, i));
			
 
				+      }
			
 
				+      return res;
			
 
				+    };
			
 
				+    let result = await axios.all(toRequest());
			
 
				+    let newFilter = data => {
			
 
				+      let res = data.map(i => {
			
 
				+        let type = _.isArray(i);
			
 
				+        if (!type) {
			
 
				+          //fetch的多个请求 是object 将errcode为0的data取出来
			
 
				+          return _.get(i, `data`, i);
			
 
				+        } else {
			
 
				+          //query的多个请求 array 将此数据再次走这个方法
			
 
				+          return newFilter(i);
			
 
				+        }
			
 
				+      });
			
 
				+      return res;
			
 
				+    };
			
 
				+    let returns = _.flattenDeep(newFilter(result));
			
 
				+    return returns;
			
 
				+  },
			
 
				+};
			
 
				+export default {
			
 
				+  namespaced: true,
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+};
			
--- a/src/store/user/mutations.js
+++ b/src/store/user/mutations.js
@@ -0,0 +1,20 @@
 
				+const jwt = require('jsonwebtoken');
			
 
				+export const setUser = (state, payload) => {
			
 
				+  let res = true;
			
 
				+  //登陆时
			
 
				+  if (payload) {
			
 
				+    state.user = payload;
			
 
				+  } else {
			
 
				+    //已经登陆,切换路由时取出用户信息放在总store中
			
 
				+    let token = localStorage.getItem('token');
			
 
				+    if (token) {
			
 
				+      state.user = jwt.decode(token);
			
 
				+    }
			
 
				+  }
			
 
				+  return res;
			
 
				+};
			
 
				+
			
 
				+export const deleteUser = (state, payload) => {
			
 
				+  state.user = {};
			
 
				+  localStorage.removeItem('token');
			
 
				+};
			
--- a/src/store/user/state.js
+++ b/src/store/user/state.js
@@ -0,0 +1 @@
 
				+export const user = {};
			
--- a/src/util/axios-wrapper.js
+++ b/src/util/axios-wrapper.js
@@ -0,0 +1,118 @@
 
				+/* eslint-disable no-console */
			
 
				+/* eslint-disable no-param-reassign */
			
 
				+
			
 
				+import _ from 'lodash';
			
 
				+import Axios from 'axios';
			
 
				+import { Util, Error } from 'naf-core';
			
 
				+// import { Indicator } from 'mint-ui';
			
 
				+import util from './user-util';
			
 
				+
			
 
				+const { trimData, isNullOrUndefined } = Util;
			
 
				+const { ErrorCode } = Error;
			
 
				+
			
 
				+let currentRequests = 0;
			
 
				+
			
 
				+export default class AxiosWrapper {
			
 
				+  constructor({ baseUrl = '', unwrap = true } = {}) {
			
 
				+    this.baseUrl = baseUrl;
			
 
				+    this.unwrap = unwrap;
			
 
				+  }
			
 
				+
			
 
				+  // 替换uri中的参数变量
			
 
				+  static merge(uri, query = {}) {
			
 
				+    if (!uri.includes(':')) {
			
 
				+      return uri;
			
 
				+    }
			
 
				+    const keys = [];
			
 
				+    const regexp = /\/:([a-z0-9_]+)/gi;
			
 
				+    let res;
			
 
				+    // eslint-disable-next-line no-cond-assign
			
 
				+    while ((res = regexp.exec(uri)) != null) {
			
 
				+      keys.push(res[1]);
			
 
				+    }
			
 
				+    keys.forEach(key => {
			
 
				+      if (!isNullOrUndefined(query[key])) {
			
 
				+        uri = uri.replace(`:${key}`, query[key]);
			
 
				+      }
			
 
				+    });
			
 
				+    return uri;
			
 
				+  }
			
 
				+
			
 
				+  $get(uri, query, options) {
			
 
				+    return this.$request(uri, null, query, options);
			
 
				+  }
			
 
				+
			
 
				+  $post(uri, data = {}, query, options) {
			
 
				+    return this.$request(uri, data, query, options);
			
 
				+  }
			
 
				+
			
 
				+  $delete(uri, data = {}, router, query, options = {}) {
			
 
				+    options = { ...options, method: 'delete' };
			
 
				+    return this.$request(uri, data, query, options, router);
			
 
				+  }
			
 
				+  async $request(uri, data, query, options) {
			
 
				+    // TODO: 合并query和options
			
 
				+    if (_.isObject(query) && _.isObject(options)) {
			
 
				+      options = { ...options, params: query, method: 'get' };
			
 
				+    } else if (_.isObject(query) && !query.params) {
			
 
				+      options = { params: query };
			
 
				+    } else if (_.isObject(query) && query.params) {
			
 
				+      options = query;
			
 
				+    }
			
 
				+    if (!options) options = {};
			
 
				+    if (options.params) options.params = trimData(options.params);
			
 
				+    const url = AxiosWrapper.merge(uri, options.params);
			
 
				+    currentRequests += 1;
			
 
				+    // Indicator.open({
			
 
				+    //   spinnerType: 'fading-circle',
			
 
				+    // });
			
 
				+
			
 
				+    try {
			
 
				+      const axios = Axios.create({
			
 
				+        baseURL: this.baseUrl,
			
 
				+      });
			
 
				+      axios.defaults.headers.common.Authorization = util.token;
			
 
				+      let res = await axios.request({
			
 
				+        method: isNullOrUndefined(data) ? 'get' : 'post',
			
 
				+        url,
			
 
				+        data,
			
 
				+        responseType: 'json',
			
 
				+        ...options,
			
 
				+      });
			
 
				+      res = res.data;
			
 
				+      const { errcode, errmsg, details } = res;
			
 
				+      if (errcode) {
			
 
				+        console.warn(`[${uri}] fail: ${errcode}-${errmsg} ${details}`);
			
 
				+        return res;
			
 
				+      }
			
 
				+      // unwrap data
			
 
				+      if (this.unwrap) {
			
 
				+        res = _.omit(res, ['details']);
			
 
				+        const keys = Object.keys(res);
			
 
				+        if (keys.length === 1 && keys.includes('data')) {
			
 
				+          res = res.data;
			
 
				+        }
			
 
				+      }
			
 
				+      return res;
			
 
				+    } catch (err) {
			
 
				+      let errmsg = '接口请求失败，请稍后重试';
			
 
				+      if (err.response) {
			
 
				+        const { status } = err.response;
			
 
				+        if (status === 401) errmsg = '用户认证失败，请重新登录';
			
 
				+        if (status === 403) errmsg = '当前用户不允许执行该操作';
			
 
				+      }
			
 
				+      console.error(
			
 
				+        `[AxiosWrapper] 接口请求失败: ${err.config && err.config.url} - 
			
 
				+        ${err.message}`
			
 
				+      );
			
 
				+      return { errcode: ErrorCode.SERVICE_FAULT, errmsg, details: err.message };
			
 
				+    } finally {
			
 
				+      /* eslint-disable */
			
 
				+      currentRequests -= 1;
			
 
				+      if (currentRequests <= 0) {
			
 
				+        currentRequests = 0;
			
 
				+        // Indicator.close();
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/src/util/filters.js
+++ b/src/util/filters.js
@@ -0,0 +1,10 @@
 
				+import _ from 'lodash';
			
 
				+
			
 
				+const filters = {
			
 
				+  getName(object) {
			
 
				+    const { data, searchItem } = object;
			
 
				+    return _.get(data, searchItem) === undefined ? '' : _.get(data, searchItem);
			
 
				+  },
			
 
				+};
			
 
				+
			
 
				+export default filters;
			
--- a/src/util/methods-util.js
+++ b/src/util/methods-util.js
@@ -0,0 +1,50 @@
 
				+import { Util } from 'naf-core';
			
 
				+
			
 
				+const { isNullOrUndefined } = Util;
			
 
				+
			
 
				+export default {
			
 
				+  //判断信息是否过期
			
 
				+  isDateOff(dataDate) {
			
 
				+    const now = new Date(new Date().getTime() - 24 * 60 * 60 * 1000);
			
 
				+    dataDate = new Date(dataDate);
			
 
				+    return now.getTime() <= dataDate.getTime();
			
 
				+  },
			
 
				+  //判断企业是否可以执行此动作/显示
			
 
				+  checkCorp(data) {
			
 
				+    const { role, unit, selfUnit, status, displayType, userid } = data;
			
 
				+    if (!isNullOrUndefined(selfUnit) && !isNullOrUndefined(status)) {
			
 
				+      return role === 'corp' && selfUnit === unit && status === '0';
			
 
				+    } else if (!isNullOrUndefined(displayType)) {
			
 
				+      if (role === 'corp') {
			
 
				+        return role === displayType;
			
 
				+      } else {
			
 
				+        return role === displayType && !isNullOrUndefined(userid);
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  //获取url的参数params
			
 
				+  getParams() {
			
 
				+    let str = location.href;
			
 
				+    let num = str.indexOf('?');
			
 
				+    const param = {};
			
 
				+    str = str.substr(num + 1);
			
 
				+    let num2 = str.indexOf('#');
			
 
				+    let str2 = '';
			
 
				+    if (num2 > 0) {
			
 
				+      str2 = str.substr(0, num2);
			
 
				+    } else {
			
 
				+      num2 = str.indexOf('/');
			
 
				+      str2 = str.substr(0, num2);
			
 
				+    }
			
 
				+    const arr = str2.split('&');
			
 
				+    for (let i = 0; i < arr.length; i++) {
			
 
				+      num = arr[i].indexOf('=');
			
 
				+      if (num > 0) {
			
 
				+        const name = arr[i].substring(0, num);
			
 
				+        const value = arr[i].substr(num + 1);
			
 
				+        param[name] = decodeURI(value);
			
 
				+      }
			
 
				+    }
			
 
				+    return param;
			
 
				+  },
			
 
				+};
			
--- a/src/util/optionTitles.js
+++ b/src/util/optionTitles.js
@@ -0,0 +1,47 @@
 
				+export const JOBFAIR_TITLE = [
			
 
				+  { prop: 'subject', label: '' },
			
 
				+  { prop: 'address', label: '举办地址' },
			
 
				+  { prop: 'date', label: '举办日期' },
			
 
				+  { prop: 'unit', label: '分站信息' },
			
 
				+];
			
 
				+
			
 
				+export const CAMPUS_TITLE = [
			
 
				+  { prop: 'subject', label: '' },
			
 
				+  { prop: 'address', label: '举办地址' },
			
 
				+  { prop: 'status', label: '审核状态' },
			
 
				+  { prop: 'date', label: '举办日期' },
			
 
				+  { prop: 'unit', label: '分站信息' },
			
 
				+];
			
 
				+
			
 
				+export const JOBINFO_TITLE = [
			
 
				+  { prop: 'title', label: '' },
			
 
				+  { prop: 'count', label: '需求人数' },
			
 
				+  { prop: 'nature.name', label: '工作性质' },
			
 
				+  { prop: 'salary.name', label: '薪资待遇' },
			
 
				+  { prop: 'xlreqs.name', label: '最低学历' },
			
 
				+  { prop: 'city.name', label: '所在城市' },
			
 
				+  // { prop: 'expired', label: '状态' },
			
 
				+];
			
 
				+
			
 
				+export const RESUME_TITLE = [{ prop: 'title', label: '' }];
			
 
				+
			
 
				+export const LETTER_TITLE = [
			
 
				+  { prop: 'title', label: '' },
			
 
				+  { prop: 'corpname', label: '企业名称' },
			
 
				+  { prop: 'type', label: '类型' },
			
 
				+  { prop: 'status', label: '状态' },
			
 
				+];
			
 
				+
			
 
				+export const TICKET_TITLE = [
			
 
				+  { prop: 'subject', label: '' },
			
 
				+  { prop: 'type', label: '门票类型' },
			
 
				+  { prop: 'origin', label: '' },
			
 
				+  { prop: 'date', label: '举办日期' },
			
 
				+];
			
 
				+
			
 
				+export const CORP_JOBFAIR = [
			
 
				+  { prop: 'subject', label: '' },
			
 
				+  { prop: 'time', label: '举办时间' },
			
 
				+  { prop: 'date', label: '举办日期' },
			
 
				+  { prop: 'unit', label: '分站信息' },
			
 
				+];
			
--- a/src/util/role_menu.js
+++ b/src/util/role_menu.js
@@ -0,0 +1,50 @@
 
				+export const index = {
			
 
				+  name: '首页',
			
 
				+  path: '/',
			
 
				+  icon: 'iconfont iconshouye',
			
 
				+};
			
 
				+export const user = {
			
 
				+  name: '主播管理',
			
 
				+  path: '/anchor/index',
			
 
				+  icon: 'iconfont iconyonghu',
			
 
				+};
			
 
				+export const role = {
			
 
				+  name: '菜单管理',
			
 
				+  path: '/role/index',
			
 
				+  icon: 'iconfont iconquanxian',
			
 
				+};
			
 
				+export const live = {
			
 
				+  name: '直播管理',
			
 
				+  path: '/live/index',
			
 
				+  icon: 'iconfont iconzhibo',
			
 
				+};
			
 
				+export const room = {
			
 
				+  name: '房间管理',
			
 
				+  path: '/room/index',
			
 
				+  icon: 'iconfont iconfangjian',
			
 
				+};
			
 
				+export const stat = {
			
 
				+  name: '统计管理',
			
 
				+  path: '/stat/index',
			
 
				+  icon: 'iconfont icontongji',
			
 
				+};
			
 
				+export const test = {
			
 
				+  name: '测试管理',
			
 
				+  path: '/test/index',
			
 
				+  icon: 'iconfont icontongji',
			
 
				+};
			
 
				+export const question = {
			
 
				+  name: '问卷管理',
			
 
				+  path: '/question/index',
			
 
				+  icon: 'iconfont icontongji',
			
 
				+};
			
 
				+export const contact = {
			
 
				+  name: '联系我们',
			
 
				+  path: '/contact/index',
			
 
				+  icon: 'iconfont iconlianxiwomen',
			
 
				+};
			
 
				+export const meetingBrief = {
			
 
				+  name: '信息发布',
			
 
				+  path: '/meetingBrief/index',
			
 
				+  icon: 'iconfont iconicon_xinyong_xianxing_jijin-',
			
 
				+};
			
--- a/src/util/user-util.js
+++ b/src/util/user-util.js
@@ -0,0 +1,69 @@
 
				+/* eslint-disable no-console */
			
 
				+export default {
			
 
				+  get user() {
			
 
				+    const val = sessionStorage.getItem('user');
			
 
				+    try {
			
 
				+      if (val) return JSON.parse(val);
			
 
				+    } catch (err) {
			
 
				+      console.error(err);
			
 
				+    }
			
 
				+    return null;
			
 
				+  },
			
 
				+  set user(userinfo) {
			
 
				+    sessionStorage.setItem('user', JSON.stringify(userinfo));
			
 
				+  },
			
 
				+  get token() {
			
 
				+    return sessionStorage.getItem('token');
			
 
				+  },
			
 
				+  set token(token) {
			
 
				+    sessionStorage.setItem('token', token);
			
 
				+  },
			
 
				+  get openid() {
			
 
				+    return sessionStorage.getItem('openid');
			
 
				+  },
			
 
				+  set openid(openid) {
			
 
				+    sessionStorage.setItem('openid', openid);
			
 
				+  },
			
 
				+  get isGuest() {
			
 
				+    return !this.user || this.user.role === 'guest';
			
 
				+  },
			
 
				+  save({ userinfo, token }) {
			
 
				+    sessionStorage.setItem('user', JSON.stringify(userinfo));
			
 
				+    sessionStorage.setItem('token', token);
			
 
				+  },
			
 
				+
			
 
				+  get corpInfo() {
			
 
				+    const val = sessionStorage.getItem('corpInfo');
			
 
				+    if (val) return JSON.parse(val);
			
 
				+    return null;
			
 
				+  },
			
 
				+  set corpInfo(corpInfo) {
			
 
				+    sessionStorage.setItem('corpInfo', JSON.stringify(corpInfo));
			
 
				+  },
			
 
				+  saveCorpInfo(corpInfo) {
			
 
				+    sessionStorage.setItem('corpInfo', JSON.stringify(corpInfo));
			
 
				+  },
			
 
				+
			
 
				+  get unit() {
			
 
				+    const val = sessionStorage.getItem('unit');
			
 
				+    if (val) return JSON.parse(val);
			
 
				+    return null;
			
 
				+  },
			
 
				+  set unit(unitList) {
			
 
				+    sessionStorage.setItem('unit', JSON.stringify(unitList));
			
 
				+  },
			
 
				+  saveUnit(unitList) {
			
 
				+    sessionStorage.setItem('unit', JSON.stringify(unitList));
			
 
				+  },
			
 
				+  get userInfo() {
			
 
				+    const val = sessionStorage.getItem('userInfo');
			
 
				+    if (val) return JSON.parse(val);
			
 
				+    return null;
			
 
				+  },
			
 
				+  set userInfo(userInfo) {
			
 
				+    sessionStorage.setItem('userInfo', JSON.stringify(userInfo));
			
 
				+  },
			
 
				+  saveUserInfo(userInfo) {
			
 
				+    sessionStorage.setItem('userInfo', JSON.stringify(userInfo));
			
 
				+  },
			
 
				+};
			
--- a/src/views/anchor/detail.vue
+++ b/src/views/anchor/detail.vue
@@ -0,0 +1,126 @@
 
				+<template>
			
 
				+  <div id="detail">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <data-form :fields="fields" :data="form" :rules="rules" @save="drawerSave" :isNew="drawerIsNew">
			
 
				+            <template #radios="{item}">
			
 
				+              <template v-if="item.model === 'gender'">
			
 
				+                <el-radio label="男" value="男"></el-radio>
			
 
				+                <el-radio label="女" value="女"></el-radio>
			
 
				+              </template>
			
 
				+              <template v-else>
			
 
				+                <el-radio label="3">主播</el-radio>
			
 
				+                <el-radio label="4">房间用户</el-radio>
			
 
				+              </template>
			
 
				+            </template>
			
 
				+          </data-form>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import dataForm from '@/components/form.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: roomuser } = createNamespacedHelpers('roomuser');
			
 
				+export default {
			
 
				+  name: 'detail',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    dataForm,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      drawerIsNew: false,
			
 
				+      form: {},
			
 
				+      fields: [
			
 
				+        { label: '姓名', prop: 'name', model: 'name' },
			
 
				+        { label: '电话', prop: 'phone', model: 'phone' },
			
 
				+        { label: '密码', prop: 'passwd', model: 'passwd', type: 'paswword' },
			
 
				+        { label: '机构名称', prop: 'deptname', model: 'deptname' },
			
 
				+        { label: '职务', prop: 'level', model: 'level' },
			
 
				+        { label: '个人简介', prop: 'title', model: 'title', type: 'textarea' },
			
 
				+        { label: '备注', prop: 'remark', model: 'remark', type: 'textarea' },
			
 
				+        { label: '用戶类型', required: true, model: 'role', type: 'radio' },
			
 
				+      ],
			
 
				+      rules: {
			
 
				+        name: [{ required: true, message: '请输入姓名' }],
			
 
				+        passwd: [{ required: false, message: '请输入密码' }],
			
 
				+        phone: [{ required: true, message: '请输入电话' }],
			
 
				+        deptname: [{ required: true, message: '请输入机构名称' }],
			
 
				+        role: [{ required: true, message: '请选择用户类型' }],
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.search();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...roomuser(['query', 'delete', 'update', 'create', 'fetch']),
			
 
				+    async search() {
			
 
				+      if (this.id) {
			
 
				+        let res = await this.fetch(this.id);
			
 
				+        this.$set(this, `form`, res.data);
			
 
				+      }
			
 
				+    },
			
 
				+    // 创建&修改
			
 
				+    async drawerSave({ data, isNew }) {
			
 
				+      let res;
			
 
				+      let msg;
			
 
				+      if (this.isNew) {
			
 
				+        res = await this.update(data);
			
 
				+        msg = `${this.keyWord}修改成功`;
			
 
				+      } else {
			
 
				+        res = await this.create(data);
			
 
				+        msg = `${this.keyWord}添加成功`;
			
 
				+      }
			
 
				+      if (this.$checkRes(res, msg)) this.$router.push({ path: './index' });
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    isNew() {
			
 
				+      return this.$route.query.id ? true : false;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+    mainTitle() {
			
 
				+      let meta = this.$route.meta;
			
 
				+      let main = meta.title || '';
			
 
				+      let sub = meta.sub || '';
			
 
				+      return `${main}${sub}`;
			
 
				+    },
			
 
				+    keyWord() {
			
 
				+      let meta = this.$route.meta;
			
 
				+      let main = meta.title || '';
			
 
				+      return main;
			
 
				+    },
			
 
				+  },
			
 
				+
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+  watch: {
			
 
				+    isNew: {
			
 
				+      handler(val) {
			
 
				+        if (!val) {
			
 
				+          this.search();
			
 
				+        }
			
 
				+      },
			
 
				+      immediate: true,
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/anchor/index.vue
+++ b/src/views/anchor/index.vue
@@ -0,0 +1,98 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="add" style="text-align:right">
			
 
				+          <el-button size="mini" type="primary" @click="$router.push({ path: './detail' })" icon="el-icon-plus">添加用户</el-button>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+      <el-col :span="24" class="info">
			
 
				+        <data-table :fields="fields" @delete="toDelete" :data="list" :opera="opera" @edit="toEdit" :total="total" @query="search"></data-table>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import dataTable from '@/components/data-table.vue';
			
 
				+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
			
 
				+
			
 
				+const { mapActions: roomuser } = createNamespacedHelpers('roomuser');
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    dataTable,
			
 
				+  },
			
 
				+  data: () => ({
			
 
				+    opera: [
			
 
				+      {
			
 
				+        label: '编辑',
			
 
				+        icon: 'el-icon-edit',
			
 
				+        method: 'edit',
			
 
				+      },
			
 
				+      {
			
 
				+        label: '删除',
			
 
				+        icon: 'el-icon-delete',
			
 
				+        method: 'delete',
			
 
				+        confirm: true,
			
 
				+      },
			
 
				+    ],
			
 
				+    fields: [
			
 
				+      { label: '姓名', prop: 'name', filter: 'input' },
			
 
				+      { label: '电话', prop: 'phone', filter: 'input' },
			
 
				+      { label: '用戶类型', prop: 'role', format: i => (i == '3' ? '主播' : i == '4' ? '房间用户' : '临时用户') },
			
 
				+      // { label: '状态', prop: 'status', format: i => (i == '0' ? '待审核' : i == '1' ? '审核成功' : i == '2' ? '审核拒绝' : '待认证') },
			
 
				+      { label: '机构名称', prop: 'deptname' },
			
 
				+      { label: '职务', prop: 'level' },
			
 
				+      { label: '个人简介', prop: 'title' },
			
 
				+      { label: '备注', prop: 'remark' },
			
 
				+    ],
			
 
				+    list: [],
			
 
				+    total: 0,
			
 
				+  }),
			
 
				+  created() {
			
 
				+    this.search();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...roomuser(['query', 'delete', 'update']),
			
 
				+
			
 
				+    async search({ skip = 0, limit = 10, ...info } = {}) {
			
 
				+      info.role = '3';
			
 
				+      const res = await this.query({ skip, limit, ...info });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$set(this, `list`, res.data);
			
 
				+        this.$set(this, `total`, res.total);
			
 
				+      }
			
 
				+    },
			
 
				+    toEdit({ data }) {
			
 
				+      this.$router.push({ path: './detail', query: { id: data.id } });
			
 
				+    },
			
 
				+    async toDelete({ data }) {
			
 
				+      const res = await this.delete(data.id);
			
 
				+      this.$checkRes(res, '删除成功', '删除失败');
			
 
				+      this.search();
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+<style lang="less" scoped>
			
 
				+.add {
			
 
				+  height: 40px;
			
 
				+  line-height: 35px;
			
 
				+  padding: 0 15px;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/contact/index.vue
+++ b/src/views/contact/index.vue
@@ -0,0 +1,109 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <el-form :model="form" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" v-if="loading">
			
 
				+            <el-form-item label="标题" prop="title">
			
 
				+              <el-input v-model="form.title"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="内容" prop="content">
			
 
				+              <wang-editor v-model="form.content"></wang-editor>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="发布时间" prop="publish_time">
			
 
				+              <el-date-picker
			
 
				+                v-model="form.publish_time"
			
 
				+                type="datetime"
			
 
				+                style="width:100%"
			
 
				+                placeholder="请选择发布时间"
			
 
				+                format="yyyy-MM-dd HH:mm"
			
 
				+                value-format="yyyy-MM-dd HH:mm"
			
 
				+              >
			
 
				+              </el-date-picker>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item>
			
 
				+              <el-button type="primary" @click="submitForm()">保存</el-button>
			
 
				+            </el-form-item>
			
 
				+          </el-form>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import wangEditor from '@/components/wang-editor.vue';
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: contact } = createNamespacedHelpers('contact');
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    wangEditor,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      form: {},
			
 
				+      rules: {},
			
 
				+      loading: true,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.searchInfo();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...contact(['query', 'update', 'create']),
			
 
				+    async searchInfo({ skip = 0, limit = 1, ...info } = {}) {
			
 
				+      this.$set(this, `loading`, false);
			
 
				+      let res = await this.query({ skip, limit, ...info });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        if (res.data.length > 0) {
			
 
				+          this.$set(this, `form`, res.data[0]);
			
 
				+        }
			
 
				+        this.$set(this, `loading`, true);
			
 
				+      }
			
 
				+    },
			
 
				+    async submitForm() {
			
 
				+      if (this.form.id) {
			
 
				+        const res = await this.update(this.form);
			
 
				+        if (this.$checkRes(res)) {
			
 
				+          this.$message({
			
 
				+            message: '更新信息成功',
			
 
				+            type: 'success',
			
 
				+          });
			
 
				+          this.searchInfo();
			
 
				+        }
			
 
				+      } else {
			
 
				+        const res = await this.create(this.form);
			
 
				+        if (this.$checkRes(res)) {
			
 
				+          this.$message({
			
 
				+            message: '添加信息成功',
			
 
				+            type: 'success',
			
 
				+          });
			
 
				+          this.searchInfo();
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+// .main {
			
 
				+//   padding: 0 50% 0 0;
			
 
				+// }
			
 
				+</style>
			
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -0,0 +1,254 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <el-col :span="24" class="top"> </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <div id="canvas"></div>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { Bar, StackedBar, Donut, Column, StateManager } from '@antv/g2plot';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: room } = createNamespacedHelpers('room');
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      roomInfo: [],
			
 
				+    };
			
 
				+  },
			
 
				+  async created() {
			
 
				+    await this.search();
			
 
				+  },
			
 
				+  // mounted() {
			
 
				+  //   this.tongji();
			
 
				+  // },
			
 
				+  methods: {
			
 
				+    ...room(['query']),
			
 
				+    async search() {
			
 
				+      const data = await this.query();
			
 
				+      this.$set(this, `roomInfo`, data.data);
			
 
				+      this.tongji();
			
 
				+    },
			
 
				+    tongji() {
			
 
				+      const container = document.getElementById('canvas');
			
 
				+      const chartsWraper = document.createElement('div');
			
 
				+      chartsWraper.style.width = '100%';
			
 
				+      chartsWraper.style.height = '900px';
			
 
				+      container.appendChild(chartsWraper);
			
 
				+      const canvasDiv1 = document.createElement('div');
			
 
				+      canvasDiv1.style.width = '40%';
			
 
				+      canvasDiv1.style.height = '300px';
			
 
				+      canvasDiv1.style.marginLeft = '0px';
			
 
				+      canvasDiv1.style.marginTop = '0px';
			
 
				+      canvasDiv1.style.float = 'left';
			
 
				+      canvasDiv1.id = 'canvas1';
			
 
				+      chartsWraper.appendChild(canvasDiv1);
			
 
				+
			
 
				+      const canvasDiv2 = document.createElement('div');
			
 
				+      canvasDiv2.style.width = '40%';
			
 
				+      canvasDiv2.style.height = '300px';
			
 
				+      canvasDiv2.style.marginLeft = '10px';
			
 
				+      canvasDiv2.style.marginTop = '0px';
			
 
				+      canvasDiv2.style.float = 'left';
			
 
				+      canvasDiv2.id = 'canvas2';
			
 
				+      chartsWraper.appendChild(canvasDiv2);
			
 
				+
			
 
				+      const canvasDiv3 = document.createElement('div');
			
 
				+      canvasDiv3.style.width = '90%';
			
 
				+      canvasDiv3.style.height = '300px';
			
 
				+      canvasDiv3.style.marginLeft = '10px';
			
 
				+      canvasDiv3.style.marginTop = '0px';
			
 
				+      canvasDiv3.style.float = 'left';
			
 
				+      canvasDiv3.id = 'canvas3';
			
 
				+      chartsWraper.appendChild(canvasDiv3);
			
 
				+
			
 
				+      const data = [];
			
 
				+      for (const room of this.roomInfo) {
			
 
				+        data.push({ room: room.name, count: room.number });
			
 
				+      }
			
 
				+      // 初始化state manager
			
 
				+      const stateManager = new StateManager();
			
 
				+      //渲染图表
			
 
				+      const bar = new StackedBar(canvasDiv1, {
			
 
				+        title: {
			
 
				+          visible: true,
			
 
				+          text: '房间观看人数',
			
 
				+        },
			
 
				+        data,
			
 
				+        xField: 'count',
			
 
				+        yField: 'room',
			
 
				+        tooltip: {
			
 
				+          visible: false,
			
 
				+        },
			
 
				+        xAxis: {
			
 
				+          formatter: v => v + '人',
			
 
				+        },
			
 
				+        color: ['#945fb9', '#1e9493', '#ff9845'],
			
 
				+      });
			
 
				+      bar.render();
			
 
				+      bar.bindStateManager(stateManager, {
			
 
				+        setState: [
			
 
				+          {
			
 
				+            event: 'bar:click',
			
 
				+            state: e => {
			
 
				+              const origin = e.target.get('origin').data;
			
 
				+              const state = { name: 'room', exp: origin.room };
			
 
				+              return state;
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+        onStateChange: [
			
 
				+          {
			
 
				+            name: 'room',
			
 
				+            callback: (d, plot) => {
			
 
				+              plot.setSelected(d, {
			
 
				+                stroke: 'black',
			
 
				+                lineWidth: 1,
			
 
				+              });
			
 
				+              plot.setDefault(
			
 
				+                origin => {
			
 
				+                  return origin[d.name] !== d.exp;
			
 
				+                },
			
 
				+                {
			
 
				+                  stroke: null,
			
 
				+                }
			
 
				+              );
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+      });
			
 
				+      const donut = new Donut(canvasDiv2, {
			
 
				+        title: {
			
 
				+          visible: true,
			
 
				+          text: '房间观看总数',
			
 
				+        },
			
 
				+        data,
			
 
				+        angleField: 'count',
			
 
				+        colorField: 'room',
			
 
				+        label: {
			
 
				+          visible: false,
			
 
				+        },
			
 
				+        radius: 0.9,
			
 
				+        annotation: [{ type: 'centralText', onActive: true }],
			
 
				+      });
			
 
				+      donut.render();
			
 
				+      donut.bindStateManager(stateManager, {
			
 
				+        setState: [
			
 
				+          {
			
 
				+            event: 'donut:click',
			
 
				+            state: e => {
			
 
				+              const origin = e.target.get('origin').data;
			
 
				+              const state = { name: 'room', exp: origin.room };
			
 
				+              return state;
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+        onStateChange: [
			
 
				+          {
			
 
				+            name: 'room',
			
 
				+            callback: (d, plot) => {
			
 
				+              plot.setSelected(d, {
			
 
				+                strokeStyle: '#000000',
			
 
				+                lineWidth: 1,
			
 
				+              });
			
 
				+              plot.setDefault(
			
 
				+                origin => {
			
 
				+                  return origin[d.name] !== d.exp;
			
 
				+                },
			
 
				+                {
			
 
				+                  stroke: null,
			
 
				+                }
			
 
				+              );
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+      });
			
 
				+
			
 
				+      const area = new Column(canvasDiv3, {
			
 
				+        title: {
			
 
				+          visible: true,
			
 
				+          text: '房间观看趋势',
			
 
				+        },
			
 
				+        forceFit: true,
			
 
				+        data,
			
 
				+        xField: 'room',
			
 
				+        yField: 'count',
			
 
				+        padding: 'auto',
			
 
				+        meta: {
			
 
				+          type: {
			
 
				+            alias: '房间',
			
 
				+          },
			
 
				+          sales: {
			
 
				+            alias: '人数',
			
 
				+          },
			
 
				+        },
			
 
				+      });
			
 
				+      area.render();
			
 
				+
			
 
				+      area.bindStateManager(stateManager, {
			
 
				+        setState: [
			
 
				+          {
			
 
				+            event: 'area:click',
			
 
				+            state: e => {
			
 
				+              const origin = e.target.get('origin').data;
			
 
				+              const state = { name: 'room', exp: origin.room };
			
 
				+              return state;
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+        onStateChange: [
			
 
				+          {
			
 
				+            name: 'room',
			
 
				+            callback: (d, plot) => {
			
 
				+              plot.setSelected(d, {
			
 
				+                strokeStyle: '#000000',
			
 
				+                lineWidth: 1,
			
 
				+              });
			
 
				+              plot.setDefault(
			
 
				+                origin => {
			
 
				+                  return origin[d.name] !== d.exp;
			
 
				+                },
			
 
				+                {
			
 
				+                  stroke: null,
			
 
				+                }
			
 
				+              );
			
 
				+            },
			
 
				+          },
			
 
				+        ],
			
 
				+      });
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.transition-box {
			
 
				+  margin-bottom: 10px;
			
 
				+  width: 200px;
			
 
				+  height: 100px;
			
 
				+  border-radius: 4px;
			
 
				+  background-color: #409eff;
			
 
				+  text-align: center;
			
 
				+  color: #fff;
			
 
				+  padding: 40px 20px;
			
 
				+  box-sizing: border-box;
			
 
				+  margin-right: 20px;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/live/detail.vue
+++ b/src/views/live/detail.vue
@@ -0,0 +1,74 @@
 
				+<template>
			
 
				+  <div id="detail">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <detailInfo :roomInfo="roomInfo"></detailInfo>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import detailInfo from '@/layout/live/detailInfo.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: room } = createNamespacedHelpers('room');
			
 
				+export default {
			
 
				+  name: 'detail',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    detailInfo,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      roomInfo: {},
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.searchInfo();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...room(['query', 'delete', 'update', 'fetch']),
			
 
				+    async searchInfo() {
			
 
				+      let res = await this.fetch(this.id);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$set(this, `roomInfo`, res.data);
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    name() {
			
 
				+      return this.$route.query.name;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+    mainTitle() {
			
 
				+      let meta = this.$route.meta;
			
 
				+      let main = meta.title || '';
			
 
				+      let sub = meta.sub || '';
			
 
				+      return `${main}${sub}`;
			
 
				+    },
			
 
				+    keyWord() {
			
 
				+      let meta = this.$route.meta;
			
 
				+      let main = meta.title || '';
			
 
				+      return main;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/live/index.vue
+++ b/src/views/live/index.vue
@@ -0,0 +1,59 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+      <el-col :span="24" class="info">
			
 
				+        <liveList :list="list"></liveList>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import liveList from '@/layout/live/liveList.vue';
			
 
				+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: room } = createNamespacedHelpers('room');
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    liveList,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      list: [],
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.searchInfo();
			
 
				+    console.log(this.user);
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...room(['query', 'delete', 'update', 'fetch']),
			
 
				+    async searchInfo({ skip = 0, limit = 10, ...info } = {}) {
			
 
				+      let res = await this.query({ skip, limit, ...info });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        var arr = res.data.filter(item => item.status != '2');
			
 
				+        this.$set(this, `list`, arr);
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/live/meetingDetail.vue
+++ b/src/views/live/meetingDetail.vue
@@ -0,0 +1,74 @@
 
				+<template>
			
 
				+  <div id="detail">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <detailMeetInfo :roomInfo="roomInfo"></detailMeetInfo>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+import detailMeetInfo from '@/layout/live/detailmetting.vue';
			
 
				+const { mapActions: room } = createNamespacedHelpers('room');
			
 
				+export default {
			
 
				+  name: 'detail',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    detailMeetInfo,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      roomInfo: {},
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.searchInfo();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...room(['query', 'delete', 'update', 'fetch']),
			
 
				+    async searchInfo() {
			
 
				+      let res = await this.fetch(this.id);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$set(this, `roomInfo`, res.data);
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    name() {
			
 
				+      return this.$route.query.name;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+    mainTitle() {
			
 
				+      let meta = this.$route.meta;
			
 
				+      let main = meta.title || '';
			
 
				+      let sub = meta.sub || '';
			
 
				+      return `${main}${sub}`;
			
 
				+    },
			
 
				+    keyWord() {
			
 
				+      let meta = this.$route.meta;
			
 
				+      let main = meta.title || '';
			
 
				+      return main;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/liveIndex.vue
+++ b/src/views/liveIndex.vue
@@ -0,0 +1,273 @@
 
				+<template>
			
 
				+  <div id="liveIndex">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="style">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <el-col :span="20" class="left">
			
 
				+            <el-image :src="logo"></el-image>
			
 
				+            <span>叁多健康平台</span>
			
 
				+            <span>房间号: {{ roomname_ }}</span>
			
 
				+            <span>用户: {{ username_ }}</span>
			
 
				+          </el-col>
			
 
				+          <el-col :span="4" class="right">
			
 
				+            <el-button type="text"><i class="el-icon-close"></i>退出</el-button>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="down">
			
 
				+          <el-col :span="18" class="left">
			
 
				+            <el-col :span="24" class="video">
			
 
				+              <div id="main-video" class="video-box col-div" style="justify-content: flex-end"></div>
			
 
				+            </el-col>
			
 
				+            <el-col :span="1" class="videoBtn">
			
 
				+              <p><i class="iconfont iconshexiangtou"></i></p>
			
 
				+              <p><i class="iconfont iconmaikefeng-tianchong"></i></p>
			
 
				+              <p><i class="iconfont iconicon-test1"></i></p>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+          <el-col :span="5" class="right">
			
 
				+            <el-col :span="24" class="title">
			
 
				+              学生进入10001教室即可听课
			
 
				+            </el-col>
			
 
				+            <el-col :span="24" class="info">
			
 
				+              <el-tabs v-model="activeName">
			
 
				+                <el-tab-pane label="信息列表" name="first">
			
 
				+                  <el-col :span="24" class="firstInfo">
			
 
				+                    <el-col :span="24" class="firstInfoList">
			
 
				+                      <el-col :span="24" class="list" v-for="(item, index) in list" :key="index">
			
 
				+                        <p>
			
 
				+                          <span>[{{ item.date }}]</span>
			
 
				+                          <span>{{ item.name }}：</span>
			
 
				+                          <span>{{ item.content }}</span>
			
 
				+                        </p>
			
 
				+                      </el-col>
			
 
				+                    </el-col>
			
 
				+                    <el-col :span="24" class="firstInfoInout">
			
 
				+                      <el-input placeholder="请输入内容" v-model="input" class="input-with-select">
			
 
				+                        <el-button slot="append">发送</el-button>
			
 
				+                      </el-input>
			
 
				+                    </el-col>
			
 
				+                  </el-col>
			
 
				+                </el-tab-pane>
			
 
				+                <el-tab-pane label="成员列表" name="second">
			
 
				+                  <el-col :span="24" class="secondInfoList">
			
 
				+                    <el-table :data="personalList" border style="width: 100%" :highlight-current-row="false">
			
 
				+                      <el-table-column type="index" width="50" label="序号" align="center"> </el-table-column>
			
 
				+                      <el-table-column label="姓名" align="center">
			
 
				+                        <template slot-scope="scope">
			
 
				+                          <el-image :src="scope.row.pic" style="width:20px;height:20px;top: 5px;margin: 0 10px 0 0;"></el-image>
			
 
				+                          <span>{{ scope.row.name }}</span>
			
 
				+                        </template>
			
 
				+                      </el-table-column>
			
 
				+                    </el-table>
			
 
				+                  </el-col>
			
 
				+                </el-tab-pane>
			
 
				+              </el-tabs>
			
 
				+            </el-col>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'liveIndex',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      logo: require('@a/logo.png'),
			
 
				+      activeName: 'first',
			
 
				+      // 聊天列表
			
 
				+      list: [
			
 
				+        {
			
 
				+          date: '202-01-01',
			
 
				+          name: '顾宏伟',
			
 
				+          content: '信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容信息内容',
			
 
				+        },
			
 
				+      ],
			
 
				+      // 发言
			
 
				+      input: '',
			
 
				+      // 成员列表
			
 
				+      personalList: [
			
 
				+        {
			
 
				+          pic: require('@a/logo.png'),
			
 
				+          name: '顾红伟',
			
 
				+        },
			
 
				+      ],
			
 
				+      username_: '',
			
 
				+      roomname_: '',
			
 
				+      client_: '',
			
 
				+      localStream_: '',
			
 
				+      shareClient_: '',
			
 
				+      shareStream_: '',
			
 
				+      sdkAppId_: '1400380125',
			
 
				+      userId_: '',
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.getRoomInfo();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    async getRoomInfo() {
			
 
				+      this.roomname_ = this.user.roomname;
			
 
				+      this.username_ = this.user.name;
			
 
				+      const res = await this.roomfetch(this.user.roomid);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        this.$set(this, `roomdetail`, res.data);
			
 
				+        if (res.data.anchorid === this.user.uid) {
			
 
				+          this.zjrshow = true;
			
 
				+        }
			
 
				+        for (const elm of res.data.zjr) {
			
 
				+          const ru = await this.roomuserfetch(elm);
			
 
				+          if (this.$checkRes(ru)) {
			
 
				+            const newdata = { zjrid: elm, zjrname: ru.data.name };
			
 
				+            this.zjrList.push(newdata);
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.style {
			
 
				+  background-color: #222124;
			
 
				+  height: 100vh;
			
 
				+  overflow: hidden;
			
 
				+  .top {
			
 
				+    height: 60px;
			
 
				+    line-height: 60px;
			
 
				+    background-color: #34363b;
			
 
				+    margin: 0 0 15px 0;
			
 
				+    .left {
			
 
				+      .el-image {
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        width: 40px;
			
 
				+        height: 40px;
			
 
				+        top: 10px;
			
 
				+        left: 10px;
			
 
				+        margin: 0 10px 0 0;
			
 
				+      }
			
 
				+      span {
			
 
				+        color: #ccc;
			
 
				+        padding: 0 15px;
			
 
				+      }
			
 
				+    }
			
 
				+    .right {
			
 
				+      text-align: right;
			
 
				+      padding: 0 15px 0px 0;
			
 
				+    }
			
 
				+  }
			
 
				+  .down {
			
 
				+    height: 100vh;
			
 
				+    .left {
			
 
				+      width: 78%;
			
 
				+      height: 100%;
			
 
				+      margin: 0 15px 0 0;
			
 
				+      background-color: #2c2e32;
			
 
				+      position: relative;
			
 
				+      .videoBtn {
			
 
				+        position: absolute;
			
 
				+        top: 30%;
			
 
				+        right: 10px;
			
 
				+        background: #222124;
			
 
				+        text-align: center;
			
 
				+        min-height: 100px;
			
 
				+        p {
			
 
				+          margin: 15px 0;
			
 
				+          .iconfont {
			
 
				+            font-size: 30px;
			
 
				+            color: #ccc;
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+    .right {
			
 
				+      height: 100vh;
			
 
				+      background-color: #2c2e32;
			
 
				+      .title {
			
 
				+        height: 50px;
			
 
				+        line-height: 50px;
			
 
				+        color: #ccc;
			
 
				+        text-align: center;
			
 
				+        border-bottom: 1px solid #cccccc5f;
			
 
				+      }
			
 
				+      .info {
			
 
				+        .firstInfo {
			
 
				+          padding: 0 10px;
			
 
				+          height: 100%;
			
 
				+          .firstInfoList {
			
 
				+            min-height: 435px;
			
 
				+            max-height: 435px;
			
 
				+            overflow-y: auto;
			
 
				+            color: #ccc;
			
 
				+            .list {
			
 
				+              margin: 0 0 5px 0;
			
 
				+            }
			
 
				+          }
			
 
				+          .firstInfoInout {
			
 
				+            margin-bottom: 5px;
			
 
				+          }
			
 
				+        }
			
 
				+        .secondInfoList {
			
 
				+          padding: 0 10px;
			
 
				+          height: 775px;
			
 
				+          overflow-y: auto;
			
 
				+          .personalList {
			
 
				+          }
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-tabs__item {
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+/deep/ .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
			
 
				+  padding-left: 20px;
			
 
				+}
			
 
				+/deep/.el-tabs--top .el-tabs__item.is-top:last-child {
			
 
				+  padding-right: 20px;
			
 
				+}
			
 
				+/deep/.el-table td {
			
 
				+  padding: 5px 0;
			
 
				+  color: #ccc;
			
 
				+}
			
 
				+/deep/.el-table th {
			
 
				+  padding: 5px 0;
			
 
				+  background: #000;
			
 
				+}
			
 
				+/deep/.el-table tr {
			
 
				+  background-color: transparent;
			
 
				+}
			
 
				+/deep/.el-table {
			
 
				+  background-color: transparent;
			
 
				+}
			
 
				+.el-table {
			
 
				+  /deep/tbody tr:hover > td {
			
 
				+    background-color: #409eff;
			
 
				+  }
			
 
				+}
			
 
				+#main-video {
			
 
				+  float: left;
			
 
				+  width: 100%;
			
 
				+  height: 640px;
			
 
				+  min-height: 600px;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/livecheck.vue
+++ b/src/views/livecheck.vue
@@ -0,0 +1,218 @@
 
				+<template>
			
 
				+  <div id="livecheck">
			
 
				+    <el-row id="test-content" class="container">
			
 
				+      <div class="header">
			
 
				+        <h2 class="title">WEBRTC 能力测试</h2>
			
 
				+        <el-button class="btn btn-info btn-circle btn-xl" type="danger" size="mini" @click="checkstart">开始</el-button>
			
 
				+      </div>
			
 
				+      <div class="header">
			
 
				+        <div id="main-video" class="video-box col-div" style="justify-content: flex-end"></div>
			
 
				+      </div>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: gensign } = createNamespacedHelpers('gensign');
			
 
				+import TRTC from 'trtc-js-sdk';
			
 
				+export default {
			
 
				+  name: 'livecheck',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {};
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    ...gensign(['gensignFetch']),
			
 
				+    async checkstart() {
			
 
				+      TRTC.checkSystemRequirements().then(result => {
			
 
				+        if (!result) {
			
 
				+          alert('Your browser is not compatible with TRTC');
			
 
				+        }
			
 
				+      });
			
 
				+      await this.initclient();
			
 
				+    },
			
 
				+    async initclient() {
			
 
				+      const userid_ = 'testlivecheck';
			
 
				+      const res = await this.gensignFetch({ userid: userid_ });
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        console.log(res.data);
			
 
				+        const client_ = TRTC.createClient({
			
 
				+          mode: 'live',
			
 
				+          sdkAppId: '1400380125',
			
 
				+          userId: userid_,
			
 
				+          userSig: res.data,
			
 
				+        });
			
 
				+        await client_.join({ roomId: 9999, role: 'anchor' });
			
 
				+        const localStream_ = await TRTC.createStream({
			
 
				+          audio: true,
			
 
				+          video: true,
			
 
				+          userId: userid_,
			
 
				+        });
			
 
				+        localStream_.setVideoProfile('480p');
			
 
				+        await localStream_.initialize();
			
 
				+        await client_.publish(localStream_);
			
 
				+        localStream_.play('main-video');
			
 
				+      }
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+body {
			
 
				+  /* padding: 50px; */
			
 
				+  font: 14px 'Lucida Grande', Helvetica, Arial, sans-serif;
			
 
				+}
			
 
				+
			
 
				+a {
			
 
				+  color: #00b7ff;
			
 
				+}
			
 
				+
			
 
				+.box {
			
 
				+  width: 100%;
			
 
				+  align-items: center;
			
 
				+}
			
 
				+.detail-box {
			
 
				+  max-width: 640px;
			
 
				+  width: 100%;
			
 
				+  height: auto;
			
 
				+  background: #e2e2e2;
			
 
				+  margin-top: 2px;
			
 
				+  font-family: Consolas;
			
 
				+  font-size: 16px;
			
 
				+  padding-top: 15px;
			
 
				+  padding-left: 15px;
			
 
				+  padding-bottom: 15px;
			
 
				+  margin: auto;
			
 
				+}
			
 
				+#main-video {
			
 
				+  width: 700px;
			
 
				+  height: 500px;
			
 
				+  grid-area: 1/1/3/4;
			
 
				+  background-color: #000;
			
 
				+}
			
 
				+
			
 
				+#test-content {
			
 
				+  display: flex;
			
 
				+  display: -webkit-flex;
			
 
				+  align-items: center;
			
 
				+  flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.title {
			
 
				+  width: 600px;
			
 
				+  height: 70px;
			
 
				+  color: white;
			
 
				+  align-items: center;
			
 
				+  display: flex;
			
 
				+  padding-left: 20px;
			
 
				+}
			
 
				+.container {
			
 
				+  padding: 0 !important;
			
 
				+}
			
 
				+.header {
			
 
				+  display: flex;
			
 
				+  flex-direction: row;
			
 
				+  background: #4f7dc9;
			
 
				+  max-width: 700px;
			
 
				+  margin-bottom: 20px;
			
 
				+  align-items: center;
			
 
				+  width: 100%;
			
 
				+  margin: auto;
			
 
				+  padding: 0 10px;
			
 
				+}
			
 
				+.btn-circle {
			
 
				+  width: 30px;
			
 
				+  height: 30px;
			
 
				+  text-align: center;
			
 
				+  padding: 6px 0;
			
 
				+  font-size: 12px;
			
 
				+  line-height: 1.428571429;
			
 
				+  border-radius: 15px;
			
 
				+}
			
 
				+.btn-circle.btn-lg {
			
 
				+  width: 50px;
			
 
				+  height: 50px;
			
 
				+  padding: 10px 16px;
			
 
				+  font-size: 18px;
			
 
				+  line-height: 1.33;
			
 
				+  border-radius: 25px;
			
 
				+}
			
 
				+.btn-circle.btn-xl {
			
 
				+  width: 70px;
			
 
				+  height: 70px;
			
 
				+  padding: 10px 16px;
			
 
				+  font-size: 24px;
			
 
				+  line-height: 1.33;
			
 
				+  border-radius: 35px;
			
 
				+}
			
 
				+
			
 
				+#start-btn {
			
 
				+  display: flex;
			
 
				+  font-size: 20px;
			
 
				+  color: black;
			
 
				+  background: #99dd99;
			
 
				+}
			
 
				+
			
 
				+#detail-info {
			
 
				+  display: flex;
			
 
				+  display: -webkit-flex;
			
 
				+  -webkit-flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.title {
			
 
				+  color: black;
			
 
				+  font-size: 20px;
			
 
				+}
			
 
				+
			
 
				+#stunserver {
			
 
				+}
			
 
				+
			
 
				+div#meters {
			
 
				+  padding: 10px;
			
 
				+}
			
 
				+
			
 
				+div#meters > div {
			
 
				+  margin: 0 0 0 0;
			
 
				+}
			
 
				+
			
 
				+div#meters div.label {
			
 
				+  display: inline-block;
			
 
				+  font-weight: 400;
			
 
				+  margin: 0 0.5em 0 0;
			
 
				+  width: 5em;
			
 
				+  color: #000;
			
 
				+}
			
 
				+
			
 
				+div#meters div.value {
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+
			
 
				+meter {
			
 
				+  width: 50%;
			
 
				+}
			
 
				+
			
 
				+meter#clip {
			
 
				+  color: #db4437;
			
 
				+}
			
 
				+
			
 
				+meter#slow {
			
 
				+  color: #f4b400;
			
 
				+}
			
 
				+
			
 
				+meter#instant {
			
 
				+  color: #0f9d58;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/login
+++ b/src/views/login
@@ -0,0 +1,105 @@
 
				+<template>
			
 
				+  <div id="login">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="style">
			
 
				+        <el-col :span="24" class="login">
			
 
				+          <el-col :span="24" class="top">
			
 
				+            登录
			
 
				+          </el-col>
			
 
				+          <el-col :span="24" class="form">
			
 
				+            <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm">
			
 
				+              <el-form-item prop="phone">
			
 
				+                <span slot="label">手机号</span>
			
 
				+                <el-input v-model="form.phone" placeholder="请输入手机号" maxlength="11"></el-input>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item prop="passwd">
			
 
				+                <span slot="label">密码</span>
			
 
				+                <el-input v-model="form.passwd" placeholder="请输入密码" show-password></el-input>
			
 
				+              </el-form-item>
			
 
				+              <el-col :span="24" style="text-align:center;">
			
 
				+                <el-button type="primary" @click="resetForm('form')">重置</el-button>
			
 
				+                <el-button type="success" @click="submitForm('form')">登录</el-button>
			
 
				+              </el-col>
			
 
				+            </el-form>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: login } = createNamespacedHelpers('login');
			
 
				+export default {
			
 
				+  name: 'login',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => ({
			
 
				+    form: {},
			
 
				+    rules: {
			
 
				+      phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
			
 
				+      passwd: [{ required: true, message: '请输入密码', trigger: 'blur' }],
			
 
				+    },
			
 
				+  }),
			
 
				+  created() {},
			
 
				+  computed: {},
			
 
				+  methods: {
			
 
				+    ...login({ toLogin: 'login' }),
			
 
				+    submitForm(formName) {
			
 
				+      this.$refs[formName].validate(async valid => {
			
 
				+        if (valid) {
			
 
				+          let res = await this.toLogin({ user: this.form });
			
 
				+          if (res.id) {
			
 
				+            this.$router.push('/');
			
 
				+          }
			
 
				+        } else {
			
 
				+          console.log('error submit!!');
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    resetForm(formName) {
			
 
				+      this.$refs[formName].resetFields();
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.style {
			
 
				+  background-image: url('../assets/login.png');
			
 
				+  background-size: 100% 100%;
			
 
				+  background-repeat: no-repeat;
			
 
				+  width: 100%;
			
 
				+  height: 100vh;
			
 
				+  .login {
			
 
				+    position: relative;
			
 
				+    top: 32%;
			
 
				+    left: 43%;
			
 
				+    width: 450px;
			
 
				+    height: 400px;
			
 
				+    background-color: #ffffff5f;
			
 
				+    border-radius: 10px;
			
 
				+    .top {
			
 
				+      text-align: center;
			
 
				+      color: #fff;
			
 
				+      font-size: 40px;
			
 
				+      text-shadow: cornflowerblue 3px 3px 3px;
			
 
				+      font-family: cursive;
			
 
				+      padding: 35px 0;
			
 
				+    }
			
 
				+    .form {
			
 
				+      padding: 25px 50px;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-form-item__label {
			
 
				+  font-size: 24px;
			
 
				+  font-family: 楷体;
			
 
				+  color: #fff;
			
 
				+}
			
 
				+/deep/.el-form-item {
			
 
				+  margin-bottom: 30px;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -0,0 +1,161 @@
 
				+<template>
			
 
				+  <div id="login">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24">
			
 
				+        <div class="bg">
			
 
				+          <div class="main">
			
 
				+            <div class="left">
			
 
				+              <span>直播管理平台</span>
			
 
				+            </div>
			
 
				+            <div class="right">
			
 
				+              <el-col :span="24" class="title">
			
 
				+                <span>用户登录</span>
			
 
				+              </el-col>
			
 
				+              <el-col :span="24" class="form">
			
 
				+                <el-form :model="form" :rules="rules" ref="form" class="demo-ruleForm">
			
 
				+                  <!-- <el-form-item prop="roomid" class="roomid">
			
 
				+                    <span slot="label"><el-image :src="image.roomid"></el-image></span>
			
 
				+                    <el-input v-model="form.roomid" placeholder="请输入房间号"></el-input>
			
 
				+                  </el-form-item> -->
			
 
				+                  <el-form-item prop="phone">
			
 
				+                    <span slot="label"><el-image :src="image.phone"></el-image></span>
			
 
				+                    <el-input v-model="form.phone" placeholder="请输入手机号" maxlength="11"></el-input>
			
 
				+                  </el-form-item>
			
 
				+                  <el-form-item prop="passwd">
			
 
				+                    <span slot="label"><el-image :src="image.password"></el-image></span>
			
 
				+                    <el-input v-model="form.passwd" placeholder="请输入密码" show-password></el-input>
			
 
				+                  </el-form-item>
			
 
				+                  <el-col :span="24" style="text-align:center;">
			
 
				+                    <el-button type="primary" @click="resetForm('form')">重置</el-button>
			
 
				+                    <el-button type="success" @click="submitForm('form')">登录</el-button>
			
 
				+                  </el-col>
			
 
				+                </el-form>
			
 
				+              </el-col>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: login } = createNamespacedHelpers('login');
			
 
				+export default {
			
 
				+  name: 'login',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      form: {},
			
 
				+      rules: {
			
 
				+        roomid: [{ required: false, message: '请输入房间号', trigger: 'blur' }],
			
 
				+        phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
			
 
				+        passwd: [{ required: true, message: '请输入密码', trigger: 'blur' }],
			
 
				+      },
			
 
				+      image: {
			
 
				+        roomid: require('@/assets/roomid.png'),
			
 
				+        phone: require('@/assets/user.png'),
			
 
				+        password: require('@/assets/password.png'),
			
 
				+      },
			
 
				+    };
			
 
				+  },
			
 
				+  created() {},
			
 
				+  methods: {
			
 
				+    ...login({ toLogin: 'login' }),
			
 
				+    submitForm(formName) {
			
 
				+      this.$refs[formName].validate(async valid => {
			
 
				+        if (valid) {
			
 
				+          let res = await this.toLogin({ user: this.form });
			
 
				+          if (res.id) {
			
 
				+            this.$router.push('/');
			
 
				+            // if (res.type == '0') {
			
 
				+            //   this.$router.push('/');
			
 
				+            // } else {
			
 
				+            //   this.$router.push('/liveIndex');
			
 
				+            // }
			
 
				+          }
			
 
				+        } else {
			
 
				+          console.log('error submit!!');
			
 
				+          return false;
			
 
				+        }
			
 
				+      });
			
 
				+    },
			
 
				+    resetForm(formName) {
			
 
				+      this.$refs[formName].resetFields();
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.bg {
			
 
				+  width: 100%;
			
 
				+  height: 100vh;
			
 
				+  background-image: url('../assets/bg3.jpg');
			
 
				+  background-size: 100% 100%;
			
 
				+  background-position: center center;
			
 
				+}
			
 
				+.main {
			
 
				+  position: absolute;
			
 
				+  top: 30%;
			
 
				+  left: 30%;
			
 
				+  width: 660px;
			
 
				+  height: 370px;
			
 
				+}
			
 
				+.main .left {
			
 
				+  float: left;
			
 
				+  width: 330px;
			
 
				+  height: 370px;
			
 
				+  text-align: center;
			
 
				+  background: #0000004f;
			
 
				+}
			
 
				+.main .left span {
			
 
				+  font-size: 25px;
			
 
				+  color: #fff;
			
 
				+  font-weight: bold;
			
 
				+  font-family: cursive;
			
 
				+  padding: 36% 0;
			
 
				+  display: inline-block;
			
 
				+  line-height: 40px;
			
 
				+}
			
 
				+.main .right {
			
 
				+  float: left;
			
 
				+  width: 330px;
			
 
				+  height: 370px;
			
 
				+  background: #ffffff5f;
			
 
				+  .title {
			
 
				+    text-align: center;
			
 
				+    padding: 20px 0;
			
 
				+    margin: 0 0 20px 0;
			
 
				+    border-bottom: 1px solid #ccc;
			
 
				+    span {
			
 
				+      font-size: 20px;
			
 
				+      color: #0635ab;
			
 
				+      font-weight: bold;
			
 
				+    }
			
 
				+  }
			
 
				+  .form {
			
 
				+    padding: 0 10px;
			
 
				+  }
			
 
				+}
			
 
				+/deep/.el-input {
			
 
				+  width: 80%;
			
 
				+}
			
 
				+/deep/.el-image {
			
 
				+  top: 5px;
			
 
				+}
			
 
				+/deep/.roomid .el-form-item__label {
			
 
				+  padding: 0 13px 0 10px;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/meetingBrief/detail.vue
+++ b/src/views/meetingBrief/detail.vue
@@ -0,0 +1,143 @@
 
				+<template>
			
 
				+  <div id="detail">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <el-col :span="24" class="btn">
			
 
				+            <el-button type="primary" size="mini" @click="back()">返回</el-button>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24">
			
 
				+            <el-form :model="form" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" v-if="loading">
			
 
				+              <el-form-item label="标题" prop="title">
			
 
				+                <el-input v-model="form.title"></el-input>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item label="信息图片" prop="filedir">
			
 
				+                <upload :limit="1" :data="form.filedir" type="filedir" :url="'/files/filedir/upload'" @upload="uploadSuccess"></upload>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item label="类型" prop="type">
			
 
				+                <el-select v-model="form.type" placeholder="请选择信息类型">
			
 
				+                  <el-option label="会议简介" value="0"></el-option>
			
 
				+                  <el-option label="会议日程" value="1"></el-option>
			
 
				+                  <el-option label="主办方介绍" value="2"></el-option>
			
 
				+                  <el-option label="协办方介绍" value="3"></el-option>
			
 
				+                  <el-option label="专家介绍" value="4"></el-option>
			
 
				+                  <el-option label="继续再教育申请表" value="5"></el-option>
			
 
				+                  <el-option label="温馨提示" value="6"></el-option>
			
 
				+                </el-select>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item label="内容" prop="content">
			
 
				+                <wang-editor v-model="form.content"></wang-editor>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item label="发布时间" prop="publish_time">
			
 
				+                <el-date-picker
			
 
				+                  v-model="form.publish_time"
			
 
				+                  type="datetime"
			
 
				+                  style="width:100%"
			
 
				+                  placeholder="请选择发布时间"
			
 
				+                  format="yyyy-MM-dd HH:mm"
			
 
				+                  value-format="yyyy-MM-dd HH:mm"
			
 
				+                >
			
 
				+                </el-date-picker>
			
 
				+              </el-form-item>
			
 
				+              <el-form-item>
			
 
				+                <el-button type="primary" @click="submitForm()">保存</el-button>
			
 
				+              </el-form-item>
			
 
				+            </el-form>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import upload from '@/components/upload.vue';
			
 
				+import wangEditor from '@/components/wang-editor.vue';
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: news } = createNamespacedHelpers('news');
			
 
				+export default {
			
 
				+  name: 'detail',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    wangEditor,
			
 
				+    upload,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      form: {},
			
 
				+      rules: {},
			
 
				+      loading: true,
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.search();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...news(['create', 'fetch', 'update']),
			
 
				+    async search() {
			
 
				+      if (this.id) {
			
 
				+        this.$set(this, `loading`, false);
			
 
				+        let res = await this.fetch(this.id);
			
 
				+        if (this.$checkRes(res)) {
			
 
				+          this.$set(this, `form`, res.data);
			
 
				+        }
			
 
				+        this.$set(this, `loading`, true);
			
 
				+      }
			
 
				+    },
			
 
				+    async submitForm() {
			
 
				+      if (this.id) {
			
 
				+        let res = await this.update(this.form);
			
 
				+        if (this.$checkRes(res)) {
			
 
				+          this.$message({
			
 
				+            message: '修改信息成功',
			
 
				+            type: 'success',
			
 
				+          });
			
 
				+          this.back();
			
 
				+        }
			
 
				+      } else {
			
 
				+        let res = await this.create(this.form);
			
 
				+        if (this.$checkRes(res)) {
			
 
				+          this.$message({
			
 
				+            message: '添加信息成功',
			
 
				+            type: 'success',
			
 
				+          });
			
 
				+          this.back();
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    // 返回
			
 
				+    back() {
			
 
				+      this.$router.push({ path: '/meetingBrief/index' });
			
 
				+    },
			
 
				+    uploadSuccess({ type, data }) {
			
 
				+      this.$set(this.form, `${type}`, data.uri);
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    id() {
			
 
				+      return this.$route.query.id;
			
 
				+    },
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.main {
			
 
				+  .btn {
			
 
				+    text-align: right;
			
 
				+    padding: 10px 0;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/meetingBrief/index.vue
+++ b/src/views/meetingBrief/index.vue
@@ -0,0 +1,162 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+        <el-col :span="24" class="main">
			
 
				+          <el-col :span="24" class="btn">
			
 
				+            <el-button type="primary" size="mini" @click="add()">增加</el-button>
			
 
				+          </el-col>
			
 
				+          <el-col :span="24">
			
 
				+            <data-table :fields="fields" @delete="toDelete" :data="list" :opera="opera" @edit="toEdit" :total="total" @query="search">
			
 
				+              <template #options="{item}">
			
 
				+                <template v-if="item.prop === 'type'">
			
 
				+                  <el-option v-for="(i, index) in typeList" :key="index" :label="i.label" :value="i.value"></el-option>
			
 
				+                </template>
			
 
				+              </template>
			
 
				+            </data-table>
			
 
				+          </el-col>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import dataTable from '@/components/data-table.vue';
			
 
				+import { mapState, createNamespacedHelpers } from 'vuex';
			
 
				+const { mapActions: news } = createNamespacedHelpers('news');
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: {
			
 
				+    topInfo,
			
 
				+    dataTable,
			
 
				+  },
			
 
				+  data: function() {
			
 
				+    return {
			
 
				+      opera: [
			
 
				+        {
			
 
				+          label: '修改',
			
 
				+          icon: 'el-icon-edit',
			
 
				+          method: 'edit',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '删除',
			
 
				+          icon: 'el-icon-delete',
			
 
				+          method: 'delete',
			
 
				+          confirm: true,
			
 
				+        },
			
 
				+      ],
			
 
				+      fields: [
			
 
				+        { label: '标题', prop: 'title', filter: 'input' },
			
 
				+        {
			
 
				+          label: '类型',
			
 
				+          prop: 'type',
			
 
				+          filter: 'select',
			
 
				+          format: true,
			
 
				+          format: i =>
			
 
				+            i == '0'
			
 
				+              ? '会议简介'
			
 
				+              : i == '1'
			
 
				+              ? '会议日程'
			
 
				+              : i == '2'
			
 
				+              ? '主办方介绍'
			
 
				+              : i == '3'
			
 
				+              ? '协办方介绍'
			
 
				+              : i == '4'
			
 
				+              ? '专家介绍'
			
 
				+              : i == '5'
			
 
				+              ? '继续再教育申请表'
			
 
				+              : i == '6'
			
 
				+              ? '温馨提示'
			
 
				+              : '',
			
 
				+        },
			
 
				+        { label: '发布时间', prop: 'publish_time' },
			
 
				+        { label: '状态', prop: 'status', format: i => (i == '0' ? '开启' : i == '1' ? '禁用' : '暂无') },
			
 
				+      ],
			
 
				+      list: [],
			
 
				+      total: 0,
			
 
				+      typeList: [
			
 
				+        {
			
 
				+          label: '会议介绍',
			
 
				+          value: '0',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '会议日程',
			
 
				+          value: '1',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '主办方介绍',
			
 
				+          value: '2',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '协办方介绍',
			
 
				+          value: '3',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '专家介绍',
			
 
				+          value: '4',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '继续再教育申请表',
			
 
				+          value: '5',
			
 
				+        },
			
 
				+        {
			
 
				+          label: '温馨提示',
			
 
				+          value: '6',
			
 
				+        },
			
 
				+      ],
			
 
				+    };
			
 
				+  },
			
 
				+  created() {
			
 
				+    this.search();
			
 
				+  },
			
 
				+  methods: {
			
 
				+    ...news(['query', 'delete', 'update']),
			
 
				+    async search({ skip = 0, limit = 10, ...info } = {}) {
			
 
				+      let res = await this.query({ skip, limit, ...info });
			
 
				+      this.$set(this, `list`, res.data);
			
 
				+      this.$set(this, `total`, res.total);
			
 
				+    },
			
 
				+    toEdit({ data }) {
			
 
				+      this.$router.push({ path: '/meetingBrief/detail', query: { id: data.id } });
			
 
				+    },
			
 
				+    async toDelete({ data }) {
			
 
				+      let res = await this.delete(data.id);
			
 
				+      if (this.$checkRes(res)) {
			
 
				+        this.$message({
			
 
				+          message: '删除信息成功',
			
 
				+          type: 'success',
			
 
				+        });
			
 
				+        this.search();
			
 
				+      }
			
 
				+    },
			
 
				+    // 增加
			
 
				+    add() {
			
 
				+      this.$router.push({ path: '/meetingBrief/detail' });
			
 
				+    },
			
 
				+  },
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  metaInfo() {
			
 
				+    return { title: this.$route.meta.title };
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.main {
			
 
				+  .btn {
			
 
				+    text-align: right;
			
 
				+    padding: 10px 0;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/src/views/question/index.vue
+++ b/src/views/question/index.vue
@@ -0,0 +1,45 @@
 
				+<template>
			
 
				+  <div id="index">
			
 
				+    <el-row>
			
 
				+      <el-col :span="24" class="index">
			
 
				+        <el-col :span="24" class="top">
			
 
				+          <topInfo :topTitle="pageTitle"></topInfo>
			
 
				+        </el-col>
			
 
				+      </el-col>
			
 
				+      <el-col :span="24">
			
 
				+        <el-tabs v-model="activeName" @tab-click="handleClick">
			
 
				+          <el-tab-pane label="问卷统计" name="first"><tongji></tongji></el-tab-pane>
			
 
				+          <el-tab-pane label="问卷管理" name="second"><wenjuan></wenjuan></el-tab-pane>
			
 
				+          <el-tab-pane label="题库管理" name="third"><tiku></tiku></el-tab-pane>
			
 
				+        </el-tabs>
			
 
				+      </el-col>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import topInfo from '@/layout/public/top.vue';
			
 
				+import tongji from '@/views/question/part/tongji.vue';
			
 
				+import wenjuan from '@/views/question/part/wenjuan.vue';
			
 
				+import tiku from '@/views/question/part/tiku.vue';
			
 
				+import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
			
 
				+export default {
			
 
				+  name: 'index',
			
 
				+  props: {},
			
 
				+  components: { topInfo, tongji, wenjuan, tiku },
			
 
				+  data: () => ({
			
 
				+    activeName: 'first',
			
 
				+  }),
			
 
				+  created() {},
			
 
				+  computed: {
			
 
				+    ...mapState(['user']),
			
 
				+    pageTitle() {
			
 
				+      return `${this.$route.meta.title}`;
			
 
				+    },
			
 
				+  },
			
 
				+  methods: {
			
 
				+    handleClick() {},
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped></style>
			
--- a/src/views/question/part/tiku.vue
+++ b/src/views/question/part/tiku.vue
@@ -0,0 +1,196 @@
 
				+<template>
			
 
				+  <div id="tiku">
			
 
				+    <el-row>
			
 
				+      <el-col class="add" :span="24">
			
 
				+        <el-select v-model="type" placeholder="请选择题目类型">
			
 
				+          <el-option v-for="item in typeoptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
			
 
				+        </el-select>
			
 
				+        <el-select v-model="status" placeholder="请选择题目状态">
			
 
				+          <el-option v-for="item in statusoptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
			
 
				+        </el-select>
			
 
				+        <el-button size="mini" type="primary" @click="search" style="margin-left:10px;">查询</el-button>
			
 
				+        <el-button size="mini" type="primary" @click="add">添加</el-button>
			
 
				+      </el-col>
			
 
				+      <el-col :span="24"
			
 
				+        ><el-table :data="list" border style="width: 100%">
			
 
				+          <el-table-column prop="type" label="类型">
			
 
				+            <template slot-scope="scope">
			
 
				+              <span>{{ scope.row.type == '0' ? '单选' : scope.row.type == '1' ? '多选' : scope.row.type == '2' ? '问答' : '未识别' }}</span>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column prop="topic" label="题目" show-overflow-tooltip> </el-table-column>
			
 
				+          <el-table-column prop="status" label="状态">
			
 
				+            <template slot-scope="scope">
			
 
				+              <span>{{ scope.row.status == '0' ? '弃用' : scope.row.status == '1' ? '正常' : '未识别' }}</span>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column label="操作">
			
 
				+            <template slot-scope="scope">
			
 
				+              <el-button size="mini" @click="detailBtn(scope.row)">查看</el-button>
			
 
				+              <el-button size="mini" @click="deleteBtn(scope.row.id)" type="danger">删除</el-button>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+        </el-table>
			
 
				+      </el-col>
			
 
				+      <el-col :span="24" class="page">
			
 
				+        <el-pagination background layout="prev, pager, next,total" :total="total" @current-change="handleCurrentChange"> </el-pagination>
			
 
				+      </el-col>
			
 
				+      <el-dialog title="添加题目" :visible.sync="dialogFormVisible">
			
 
				+        <el-form size="mini" :model="form" ref="form" label-width="100px" class="demo-dynamic" :rules="rules">
			
 
				+          <el-form-item prop="type" label="类型">
			
 
				+            <el-radio-group v-model="form.type">
			
 
				+              <el-radio :label="'0'">单选</el-radio>
			
 
				+              <el-radio :label="'1'">多选</el-radio>
			
 
				+              <el-radio :label="'2'">问答</el-radio>
			
 
				+            </el-radio-group>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item prop="status" label="状态">
			
 
				+            <el-radio-group v-model="form.status">
			
 
				+              <el-radio :label="'0'">弃用</el-radio>
			
 
				+              <el-radio :label="'1'">正常</el-radio>
			
 
				+            </el-radio-group>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item prop="topic" label="题目">
			
 
				+            <el-input v-model="form.topic"></el-input>
			
 
				+          </el-form-item>
			
 
				+          <el-col class="option" v-if="form.type != '2'">
			
 
				+            <p>选项</p>
			
 
				+            <el-form-item v-for="(item, index) in form.option" :label="sortNumber(index)" :key="index">
			
 
				+              <el-input v-model="item.opname"></el-input><el-button @click.prevent="removeDomain(item)">删除</el-button>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item>
			
 
				+              <el-button @click="addDomain">新增选项</el-button>
			
 
				+            </el-form-item>
			
 
				+          </el-col>
			
 
				+        </el-form>
			
 
				+        <div slot="footer" class="dialog-footer">
			
 
				+          <el-button @click="dialogFormVisible = false">取 消</el-button>
			
 
				+          <el-button type="primary" @click="submitFrom">确 定</el-button>
			
 
				+        </div>
			
 
				+      </el-dialog>
			
 
				+    </el-row>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import { createNamespacedHelpers, mapState } from 'vuex';
			
 
				+const { mapActions: question } = createNamespacedHelpers('question');
			
 
				+export default {
			
 
				+  name: 'tiku',
			
 
				+  props: {},
			
 
				+  components: {},
			
 
				+  data: () => ({
			
 
				+    list: [], //列表
			
 
				+    total: 0, //总数
			
 
				+    dialogFormVisible: false, //控制dialog是否显示
			
 
				+    form: {
			
 
				+      option: [],
			
 
				+    }, //表单
			
 
				+    type: null, //选择的类型
			
 
				+    typeoptions: [
			
 
				+      { value: '0', label: '单选' },
			
 
				+      { value: '1', label: '多选' },
			
 
				+      { value: '2', label: '问答' },
			
 
				+    ], //类型选择数组
			
 
				+    status: null, //选择的状态
			
 
				+    statusoptions: [
			
 
				+      { value: '0', label: '弃用' },
			
 
				+      { value: '1', label: '正常' },
			
 
				+    ], //状态选择数组
			
 
				+    rules: {
			
 
				+      type: { required: true, message: '类型不能为空', trigger: 'blur' },
			
 
				+      topic: { required: true, message: '题目不能为空', trigger: 'blur' },
			
 
				+      status: { required: true, message: '状态不能为空', trigger: 'blur' },
			
 
				+    }, //表单验证规则
			
 
				+  }),
			
 
				+  created() {
			
 
				+    this.search();
			
 
				+  },
			
 
				+  computed: {},
			
 
				+  methods: {
			
 
				+    ...question(['create', 'query', 'update', 'delete']),
			
 
				+    //查询列表
			
 
				+    async search({ skip = 0, limit = 10, ...info } = {}) {
			
 
				+      info = { type: this.type, status: this.status };
			
 
				+      const list = await this.query({ skip, limit, ...info });
			
 
				+      this.$set(this, `list`, list.data);
			
 
				+      this.$set(this, `total`, list.total);
			
 
				+    },
			
 
				+    //查看详情
			
 
				+    detailBtn(item) {
			
 
				+      this.$set(this, `form`, item);
			
 
				+      this.dialogFormVisible = true;
			
 
				+    },
			
 
				+    //删除
			
 
				+    async deleteBtn(id) {
			
 
				+      let res = await this.delete(id);
			
 
				+      if (res.errcode == 0) this.search();
			
 
				+    },
			
 
				+    //分页
			
 
				+    handleCurrentChange(val) {
			
 
				+      this.search({ skip: (val - 1) * 10, limit: val * 10 });
			
 
				+    },
			
 
				+    //提交表单
			
 
				+    async submitFrom() {
			
 
				+      let index = 0;
			
 
				+      for (const option of this.form.option) {
			
 
				+        option.number = this.sortNumber(index);
			
 
				+        index++;
			
 
				+      }
			
 
				+      if (this.form.type == '2') {
			
 
				+        delete this.form.option;
			
 
				+      }
			
 
				+      let res;
			
 
				+      if (this.form.id) res = await this.update(this.form);
			
 
				+      else res = await this.create(this.form);
			
 
				+      if (res.errcode == 0) {
			
 
				+        this.dialogFormVisible = false;
			
 
				+        this.search();
			
 
				+      }
			
 
				+    },
			
 
				+    //删除选项
			
 
				+    removeDomain(item) {
			
 
				+      var index = this.form.option.indexOf(item);
			
 
				+      if (index !== -1) {
			
 
				+        this.form.option.splice(index, 1);
			
 
				+      }
			
 
				+    },
			
 
				+    //新增选项
			
 
				+    addDomain() {
			
 
				+      this.form.option.push({
			
 
				+        opname: '',
			
 
				+      });
			
 
				+    },
			
 
				+    //根据index生成选项number
			
 
				+    sortNumber(index) {
			
 
				+      return String.fromCharCode(65 + index);
			
 
				+    },
			
 
				+    //添加
			
 
				+    add() {
			
 
				+      this.dialogFormVisible = true;
			
 
				+      this.form = { status: '1', option: [] };
			
 
				+    },
			
 
				+  },
			
 
				+};
			
 
				+</script>
			
 
				+
			
 
				+<style lang="less" scoped>
			
 
				+.add {
			
 
				+  margin: 0 0 10px 0;
			
 
				+}
			
 
				+.add .el-button:last-child {
			
 
				+  float: right;
			
 
				+}
			
 
				+/deep/.el-dialog {
			
 
				+  width: 70%;
			
 
				+}
			
 
				+.option p {
			
 
				+  width: 85px;
			
 
				+  text-align: right;
			
 
				+  padding: 0 20px 5px 0;
			
 
				+}
			
 
				+/deep/.option .el-input {
			
 
				+  width: 70%;
			
 
				+  margin: 0 5px 0 0;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/question/part/tongji.vue
+++ b/src/views/question/part/tongji.vue