Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test

2020-05-14 15:05:32 +08:00 · 2020-05-14 15:05:32 +08:00 · 7833afa1fd
commit 7833afa1fd
parent 04aacc3818 7242d7ba76
24 changed files with 1345 additions and 329 deletions
--- a/src/api/chat.js
+++ b/src/api/chat.js
@ -49,7 +49,7 @@ export function chatWithText(data, group) {
    });
 }

-// 文字聊天 发送文字
+// 文字聊天 发送语音
 export function chatWithAudio(file, group) {
    return request({
        url: `/api/jointTraining/chatWithAudio?group=${group}`,
@ -58,6 +58,15 @@ export function chatWithAudio(file, group) {
    });
 }

+// 文字聊天 发送语音(新版)
+export function chatWithAudioNew(file, group) {
+    return request({
+        url: `/api/v1/jointTraining/chatWithAudio?group=${group}`,
+        method: 'post',
+        data: file
+    });
+}
+
 // 生成分发二维码
 export function getJoinTrainCode(data, group) {
    return request({
--- a/src/jmapNew/shape/Train/TrainBody.js
+++ b/src/jmapNew/shape/Train/TrainBody.js
@ -137,7 +137,6 @@ export default class TrainBody extends Group {
            text: targetCode.substring(targetCode.length - style.Train.trainNumber.targetCodePrefix.length),
            textFill: model.style.Train.trainNumber.fontColor || style.trainTextColor,
            textStroke: style.trainTextColor,
-            fontWeight: 400,
            textStrokeWidth: 0,
            fontSize: model.fontSize,
            fontFamily: style.Train.common.fontFamily,
@ -301,20 +300,12 @@ export default class TrainBody extends Group {
        this.trainBodyBox && this.trainBodyBox.setColor(key, color);
    }
    getBoundingRect() {
-        let rect = null;
-        this.eachChild(elem => {
-            if (elem) {
-                const tempRect = elem.getBoundingRect();
-                if ((tempRect.x || tempRect.y) && tempRect.width && tempRect.height) {
-                    if (rect) {
-                        rect.union(tempRect);
-                    } else {
-                        rect = tempRect;
-                    }
-                }
-            }
-        });
-        return rect || new BoundingRect(0, 0, 0, 0);
+        const rect = new BoundingRect(0, 0, 0, 0);
+        if (this.trainBodyBox) {
+            const tempRect = this.trainBodyBox.getBoundingRect().clone();
+            rect.union(tempRect);
+        }
+        return rect;
    }
    formatChangePosition(model, style) {
        if (this.nameFormat) {
--- a/src/jmapNew/shape/Train/TrainBodyBox.js
+++ b/src/jmapNew/shape/Train/TrainBodyBox.js
@ -2,32 +2,32 @@ import Group from 'zrender/src/container/Group';
 import Rect from 'zrender/src/graphic/shape/Rect';

 export default class TrainBodyBox extends Group {
-	constructor(model) {
-		super();
-		this.model = model;
-		this.create();
-	}
-	create() {
-		const model = this.model;
+    constructor(model) {
+        super();
+        this.model = model;
+        this.create();
+    }
+    create() {
+        const model = this.model;
        this.trainBodyBox = new Rect({
-			zlevel: model.zlevel,
-			z: model.z,
-			shape: {
-				x: model.point.x,
-				y: model.point.y,
-				width: model.style.Train.common.trainWidth,
-				height: model.style.Train.common.trainHeight
-			},
-			style: {
-				lineWidth: model.style.Train.trainBody.trainBodyLineWidth,
-				stroke: model.style.Train.trainBody.trainSidelineColor || model.style.trainSidelineColor,
-				fill: model.style.Train.trainBody.trainBodyFillColor
-			},
-			cursor: 'pointer'
-		});
-		this.add(this.trainBodyBox);
-	}
-	setColor(key, color) {
-		this.trainBodyBox.setStyle(key, color);
-	}
+            zlevel: model.zlevel,
+            z: model.z,
+            shape: {
+                x: model.point.x,
+                y: model.point.y,
+                width: model.style.Train.common.trainWidth,
+                height: model.style.Train.common.trainHeight
+            },
+            style: {
+                lineWidth: model.style.Train.trainBody.trainBodyLineWidth,
+                stroke: model.style.Train.trainBody.trainSidelineColor || model.style.trainSidelineColor,
+                fill: model.style.Train.trainBody.trainBodyFillColor
+            },
+            cursor: 'pointer'
+        });
+        this.add(this.trainBodyBox);
+    }
+    setColor(key, color) {
+        this.trainBodyBox.setStyle(key, color);
+    }
 }
--- a/src/layout/components/userInfo.vue
+++ b/src/layout/components/userInfo.vue
@ -236,9 +236,9 @@
      </div>
    </div>
    <div v-if="project.endsWith('gzb')" class="form_box">
-      <div class="title">绑定微信:</div>
+      <div class="title">{{ wxUnionId||wxOpenId? '更改绑定微信:': '绑定微信:' }}</div>
      <div class="content">
-        <el-button v-if="!binding&&!bindSuccess" type="primary" size="small" @click="generateQrCode">生成微信二位码</el-button>
+        <el-button v-if="!binding&&!bindSuccess" type="primary" size="small" style="position: absolute;" @click="generateQrCode">生成微信二维码</el-button>
        <div v-if="binding && !bindSuccess" class="login-code-box" @click="generateQrCode">
          <qrcode-vue
            v-loading="loadingCode"
@ -250,7 +250,7 @@
            element-loading-background="rgba(255, 255, 255, 0.9)"
          />
        </div>
-        <div v-if="bindSuccess"><span>绑定成功</span></div>
+        <div v-if="bindSuccess"><span>绑定微信成功</span></div>
      </div>
    </div>
    <span slot="footer" class="dialog-footer">
@ -339,7 +339,9 @@ export default {
            ],
            nationCodeInit: '86', // 默认国际地区
            loginClient: 'LianKeTang',
-            project:''
+            project:'',
+            wxUnionId: '',
+            wxOpenId: ''
        };
    },
    computed: {
@ -373,6 +375,8 @@ export default {
                        email: user.email,
                        passWord: ''
                    };
+                    this.wxUnionId = user.wxUnionId;
+                    this.wxOpenId = user.wxOpenId;
                    this.oldPassWord = user.password;
                    this.nationCode = user.nationCode ? user.nationCode : '86';
                    this.nationCodeInit = user.nationCode
--- a/src/router/index_Common.js
+++ b/src/router/index_Common.js
@ -964,7 +964,7 @@ export const asyncRouter = [
        component: Layout,
        meta: {
            i18n: 'router.studentManage',
-            roles: [admin, user]
+            roles: [admin, lessonCreater]
        },
        hidden: getSessionStorage('project') ? !getSessionStorage('project').endsWith('gzb') && !window.document.location.pathname.includes('gzb') : !window.document.location.pathname.includes('gzb'),
        children: [
--- a/src/store/modules/socket.js
+++ b/src/store/modules/socket.js
@ -118,7 +118,7 @@ function handleRecordList(state, data) {
        value: data.message,
        self: isSelf,
        voice: data.isAudio,
-        src: data.isAudio ? `${process.env.process.env.VUE_VOICE_API}/jlcloud/audio/${data.audioPath}` : '',
+        src: data.isAudio ? `/jlcloud/audio/${data.audioPath}` : '',
        other: !isSelf,
        userName: data.member.nickName,
        chatTime: data.chatTime,
--- a/src/views/designPlatform/demonList.vue
+++ b/src/views/designPlatform/demonList.vue
@ -20,7 +20,7 @@
 <script>
 import { listPublishMap, getMapListByProjectCode } from '@/api/jmap/map';
 import { UrlConfig } from '@/scripts/ConstDic';
-import { superAdmin, admin } from '@/router/index_APP_TARGET';
+import { superAdmin, admin, lessonCreater } from '@/router/index_APP_TARGET';
 import { getSessionStorage, setSessionStorage, removeSessionStorage } from '@/utils/auth';
 import FilterCity from '@/views/components/filterCity';
 import localStore from 'storejs';
@ -215,7 +215,7 @@ export default {
            this.$store.dispatch('config/resize', { width: width, height: height });
        },
        isAdministrator() {
-            return this.$store.state.user.roles.includes(superAdmin) || this.$store.state.user.roles.includes(admin);
+            return this.$store.state.user.roles.includes(superAdmin) || this.$store.state.user.roles.includes(admin) || this.$store.state.user.roles.includes(lessonCreater);
        }
    }
 };
--- a/src/views/exam/detail/examDetail.vue
+++ b/src/views/exam/detail/examDetail.vue
@ -101,7 +101,7 @@ export default {
        this.loadInitPage(this.$route.params.examId);
    },
    methods: {
-        getList() {
+        async getList() {
            if (this.drawWay) {
                this.typeList = [];
                for (const val in ConstConfig.ConstSelect.trainingDeviceType) {
@ -161,53 +161,53 @@ export default {
                this.$Dictionary.trainOperation().then(list => {
                    this.trainingOperateTypeMap['07'] = list; // 列车实训
                });
-                getDetailList('training_type').then(res => {
-                    this.typeList = res.data;
-                    if (LangStorage.getLang() == 'en') {
-                        this.typeList.forEach(item => {
-                            switch (item.code) {
-                            case '01':
-                                item.name = 'Control permission operation';
-                                break;
-                            case '02':
-                                item.name = 'Signalling machine operation';
-                                break;
-                            case '03':
-                                item.name = 'Turnout operation';
-                                break;
-                            case '04':
-                                item.name = 'Section operation';
-                                break;
-                            case '05':
-                                item.name = 'Platform operation';
-                                break;
-                            case '06':
-                                item.name = 'Train scheduling operation';
-                                break;
-                            case '07':
-                                item.name = 'Train operation';
-                                break;
-                            case '08':
-                                item.name = 'Temporary speed limit operation of the whole line';
-                                break;
-                            }
-                        });
-                    }
-                });
+                const res = await getDetailList('training_type');
+                this.typeList = res.data;
+                if (LangStorage.getLang() == 'en' && this.typeList) {
+                    this.typeList.forEach(item => {
+                        switch (item.code) {
+                        case '01':
+                            item.name = 'Control permission operation';
+                            break;
+                        case '02':
+                            item.name = 'Signalling machine operation';
+                            break;
+                        case '03':
+                            item.name = 'Turnout operation';
+                            break;
+                        case '04':
+                            item.name = 'Section operation';
+                            break;
+                        case '05':
+                            item.name = 'Platform operation';
+                            break;
+                        case '06':
+                            item.name = 'Train scheduling operation';
+                            break;
+                        case '07':
+                            item.name = 'Train operation';
+                            break;
+                        case '08':
+                            item.name = 'Temporary speed limit operation of the whole line';
+                            break;
+                        }
+                    });
+                }
            }
        },
        async loadInitPage(examId) {
            if (examId) {
-                getPublishMapInfo(this.$route.query.mapId).then(res => {
-                    if (res.data) {
-                        this.drawWay = res.data.drawWay;
-                        this.lineCode = res.data.lineCode;
+                try {
+                    const response = await getPublishMapInfo(this.$route.query.mapId);
+                    if (response.data) {
+                        this.drawWay = response.data.drawWay;
+                        this.lineCode = response.data.lineCode;
                        this.typeList = [];
-                        this.getList();
+                        await this.getList();
                    }
-                }).catch(() => {
+                } catch (e) {
                    this.$message.error(this.$t('error.getMapDataFailed'));
-                });
+                }
                const res = await getExamLessonDetail(examId);
                this.examDetails = res.data;
                this.examDetails.examDefinitionRulesVOList.forEach((res, index) => {
--- a/src/views/newMap/displayNew/chatView/chatBox.vue
+++ b/src/views/newMap/displayNew/chatView/chatBox.vue
@ -0,0 +1,422 @@
+<template>
+  <!-- v-quickMenuDrag  -->
+  <div class="chatBox">
+    <div v-show="!minimize" class="chat-box">
+      <chat-member-list ref="chatMemberList" :group="group" @addCoversition="addCoversition" />
+      <div class="chat-box-main">
+        <chat-coversition-list ref="chatCoversitionList" @setCurrentCoversition="setCurrentCoversition" @setHeadTitle="setHeadTitle" />
+        <div class="chat-window">
+          <div class="chat-box-header">
+            <div class="chat-box-header-title">{{ headerTitle }}</div>
+            <div class="minimality" @click="handleMinimality('min')">
+              <i class="el-icon-remove" />
+            </div>
+            <div v-show="currentCoversition.group==undefined?true:currentCoversition.group" class="showMembers" @click="handleMembers()">
+              <i class="el-icon-user-solid" />
+            </div>
+            <div class="chat-setting" @click="handleSetting()">
+              <i class="el-icon-s-tools" />
+            </div>
+          </div>
+          <div class="chat-box-content">
+            <chat-content ref="chatContent" :current-coversition="currentCoversition" />
+            <div v-if="recordSending" class="chat_record_tip">
+              <div id="record_progress_bar" :style="'width:'+100/60*seconds+'%'" />
+              <div class="record_icon" />
+              <div class="record_tip_text">正在录音...</div>
+              <div class="record_tip_confirm" @click="stopRecording()">确定</div>
+              <div class="record_tip_cancle" @click="cancleRecording()">取消</div>
+            </div>
+          </div>
+          <div class="chat-box-footer">
+            <div class="chat-box-footer-tool" />
+            <div class="chat-box-footer-send" @click="startRecording()">发送语音</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-show="minimize" class="reminder-drag minimize-box">
+      <div class="chat-title">聊天窗口</div>
+      <div class="minimality" @click="handleMinimality('max')">
+        <i class="el-icon-circle-plus" />
+      </div>
+    </div>
+    <chat-setting ref="chatSetting" :form="form" @setSetting="setSetting" />
+  </div>
+</template>
+<script>
+import ChatSetting from './chatSetting';
+import ChatContent from './chatContent';
+import ChatMemberList from './chatMemberList';
+import ChatCoversitionList from './chatCoversitionList';
+import RecordRTC from 'recordrtc';
+import {uploadAudioFileNew} from '@/api/chat';
+export default {
+    name: 'ChatBox',
+    components:{
+        ChatSetting,
+        ChatContent,
+        ChatMemberList,
+        ChatCoversitionList
+    },
+    props: {
+        group: {
+            type: String,
+            required: true
+        }
+    },
+    data() {
+        return {
+            minimize:false,
+            recordSending:false,
+            currentCoversition:{},
+            seconds:0,
+            inter:null,
+            recorders: null,
+            microphone:null,
+            form:{
+                language:'zh',
+                sex:'1'
+            },
+            headerTitle:'所有人'
+        };
+    },
+    watch: {
+        '$store.state.socket.simulationRoleList': function (val) {
+            if (val && val.length) {
+                this.$nextTick(() => {
+                    this.$refs.chatMemberList.setMemberStatus(val);
+                    this.$refs.chatCoversitionList.setCoversitionStatus(val);
+                });
+            }
+        }
+    },
+    mounted() {
+        this.initPage();
+    },
+    methods:{
+        async initPage() {
+        },
+        handleMinimality(data) {
+            if (data == 'min') {
+                this.minimize = true;
+                this.$refs.chatSetting.doClose();
+            } else {
+                this.minimize = false;
+            }
+        },
+        setSetting(data) {
+            this.form = data;
+        },
+        setCurrentCoversition(coversition) {
+            this.currentCoversition = coversition;
+        },
+        setHeadTitle(headerTitle) {
+            this.headerTitle = headerTitle;
+        },
+        addCoversition({data, headerTitle}) {
+            this.$refs.chatCoversitionList.addCoversition(data);
+            this.currentCoversition = {id:data.id, group:data.group};
+            this.headerTitle = headerTitle;
+        },
+        // 语音录制开始
+        startRecording() {
+            const that = this;
+            if (!this.recordSending && !this.recorders && !this.microphone) {
+                this.$refs.chatSetting.doClose();
+                const StereoAudioRecorder = RecordRTC.StereoAudioRecorder;
+                navigator.getUserMedia(
+                    { audio: true } // 只启用音频
+                    , function (stream) {
+                        that.microphone = stream;
+                        that.recorders = new RecordRTC(that.microphone, {
+                            type: 'audio',
+                            recorderType: StereoAudioRecorder,
+                            numberOfAudioChannels: 1,
+                            bitsPerSecond:256000,
+                            desiredSampRate: 16000
+                        });
+                        that.recorders.startRecording();
+                        that.recordSending = true;
+                        that.inter = setInterval(() => {
+                            if (that.seconds < 60) {
+                                that.seconds++;
+                            } else {
+                                clearInterval(that.inter);
+                            }
+                        }, 1000);
+                    }, function (error) {
+                        switch (error.code || error.name) {
+                        case 'PERMISSION_DENIED':
+                        case 'PermissionDeniedError':
+                            that.$message({
+                                showClose: true,
+                                message: '用户拒绝提供信息',
+                                type: 'error'
+                            });
+                            break;
+                        case 'NOT_SUPPORTED_ERROR':
+                        case 'NotSupportedError':
+                            that.$message({
+                                showClose: true,
+                                message: '浏览器不支持硬件设备',
+                                type: 'error'
+                            });
+                            break;
+                        case 'MANDATORY_UNSATISFIED_ERROR':
+                        case 'MandatoryUnsatisfiedError':
+                            that.$message({
+                                showClose: true,
+                                message: '无法发现指定的硬件设备',
+                                type: 'error'
+                            });
+                            break;
+                        default:
+                            that.$message({
+                                showClose: true,
+                                message: '无法打开麦克风',
+                                type: 'error'
+                            });
+                            break;
+                        }
+                    }
+                );
+            }
+        },
+        cancleRecording() {
+            if (this.microphone) {
+                clearInterval(this.inter);
+                this.seconds = 0;
+                this.microphone.stop();
+                this.microphone = null;
+                this.recordSending = false;
+                this.recorders = null;
+            }
+        },
+        // 停止录制
+        stopRecording() {
+            const that = this;
+            this.recorders.stopRecording(function(blobURL) {
+                const data = URL.createObjectURL(that.recorders.getBlob());
+                console.log('--------', data);
+                clearInterval(that.inter);
+                that.seconds = 0;
+                const blob = that.recorders.getBlob();
+                const fd = new FormData();
+                fd.append('file', blob);
+                uploadAudioFileNew(that.group, that.form.language, that.form.sex, that.currentCoversition.id, fd)
+                    .then((data) => {
+                    })
+                    .catch(error => {
+                        console.log(error);
+                    });
+                if (that.microphone) {
+                    that.microphone.stop();
+                    that.microphone = null;
+                    that.recordSending = false;
+                    that.recorders = null;
+                }
+            });
+        },
+        handleSetting() {
+            this.$refs.chatSetting.doShow();
+        },
+        handleMembers() {
+            this.$refs.chatSetting.doClose();
+            this.$refs.chatMemberList.doShow();
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.chatBox{
+  width: 503px;
+  height: 400px;
+  position: absolute;
+  padding-left:5px;
+  left: 0;
+  bottom:28px;
+  z-index:22;
+}
+.chat-box{
+  width: 100%;
+  height: 100%;
+}
+.chat-box-header{
+    width: 100%;
+    height: 40px;
+    border-bottom: 1px #dedede solid;
+}
+.chat-box-header-title{
+  font-size: 15px;
+  margin-left: 15px;
+  display: inline-block;
+  margin-top: 10px;
+}
+.chat-box-content{
+    width: 100%;
+    height: 300px;
+    border-bottom: 1px #dedede solid;
+    position: relative;
+}
+.chat-box-contentTip{
+
+}
+.chat-box-footer{
+    display: inline-block;
+    width: 100%;
+}
+.chat-window{
+    display: inline-block;
+    width: 400px;
+}
+.chat-setting{
+    float: right;
+    line-height: 40px;
+    margin-right: 10px;
+    cursor: pointer;
+    font-size: 16px;
+}
+.chat-box-footer-tool{
+    width: 100%;
+    height: 30px;
+}
+.chat-box-footer-send{
+    background: #36a2fd;
+    width: 65px;
+    font-size: 12px;
+    padding: 5px 0px 4px 0px;
+    text-align: center;
+    border-radius: 3px;
+    color: #fff;
+    float: right;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    cursor: pointer;
+}
+.minimality {
+    float: right;
+    line-height: 40px;
+    margin-right: 10px;
+    cursor: pointer;
+    font-size:16px;
+}
+.chat-box-main{
+    position: absolute;
+    width: 100%;
+    left: 0;
+    height: 100%;
+    top: 0;
+    border-right: 1px #dedede solid;
+    z-index: 4;
+    background: #fff;
+    border-radius: 5px;
+    left:5px;
+    font-size:0;
+}
+.chat-coversition{
+
+}
+.coversition-list{
+
+}
+
+.showMembers{
+    float: right;
+    line-height: 40px;
+    margin-right: 10px;
+    cursor: pointer;
+    font-size: 17px;
+}
+#record_progress_bar{
+    height: 100%;
+    position: absolute;
+    background: #bbe5f5;
+}
+.chat_record_tip{
+    height: 28px;
+    display: inline-block;
+    background: #dfe6ee;
+    width: 100%;
+    font-size: 13px;
+    border-top: 1px #d8dce5 solid;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+}
+.record_icon{
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background: #25d825;
+    border-radius: 10px;
+    left: 7px;
+    margin-right: 0px;
+    box-shadow: -1px 0px 3px #6d6d6d;
+    border: 1px #28d228 solid;
+    position: absolute;
+    top: 10px;
+}
+.record_tip_text{
+    display: inline-block;
+    font-size: 12px;
+    margin-left: 3px;
+    // padding: 8px 0px 6px 0px;
+    position: absolute;
+    top: 8px;
+    left:20px
+}
+.record_tip_confirm{
+    position: absolute;
+    right: 63px;
+    padding: 3px 0px 2px 0px;
+    border: 1px #a2a5aa solid;
+    border-radius: 5px;
+    width: 45px;
+    text-align: center;
+    font-size: 12px;
+    top: 4px;
+    background: #eeeeee;
+    cursor: pointer;
+}
+.record_tip_cancle{
+    position: absolute;
+    right: 10px;
+    padding: 3px 0px 2px 0px;
+    border: 1px #a2a5aa solid;
+    border-radius: 5px;
+    width: 45px;
+    text-align: center;
+    font-size: 12px;
+    top: 4px;
+    background: #eeeeee;
+    cursor: pointer;
+}
+
+.minimize-box {
+    width: 97.5%;
+    height: 40px;
+    position: absolute;
+    left: 5px;
+    bottom: 0;
+    z-index: 222;
+    background: #fff;
+    border-radius: 5px;
+
+    .chat-title {
+        float: left;
+        font-size: 15px;
+        margin-left: 10px;
+        line-height: 40px;
+    }
+
+    .minimality {
+        float: right;
+        height: 40px;
+        line-height: 40px;
+        margin-right: 10px;
+        cursor: pointer;
+    }
+}
+
+</style>
--- a/src/views/newMap/displayNew/chatView/chatContent.vue
+++ b/src/views/newMap/displayNew/chatView/chatContent.vue
@ -0,0 +1,199 @@
+<template>
+  <div class="chatcontentIn">
+    <div v-for="(chatContent,index) in chatContentList" :key="index" class="chatContentInClass">
+      <div :class="chatContent.self?'rightUser':'leftUser'">
+        <div class="userHeader">
+          <div v-if="chatContent.group&& !chatContent.self" class="userName">{{ covertName(chatContent.member) }}</div>
+          <div :class="chatContent.self?'userChatTime textRight':'userChatTime'">{{ formatTime(chatContent.chatTime) }}</div>
+        </div>
+        <div class="userBubble" @click="playAudio('audio'+index)">
+          <div class="userMessage">
+            <span v-if="chatContent.group||!chatContent.member.robot">@{{ covertName(chatContent.targetName) }}</span>
+            <span class="el-icon-video-play playicon" />
+            <span class="messageText">{{ chatContent.message }}</span>
+            <audio :id="'audio'+index" :src="baseUrl+chatContent.src" style="display:none" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {getSimulationContextListNew} from '@/api/chat';
+import ConstConfig from '@/scripts/ConstConfig';
+import Cookies from 'js-cookie';
+export default {
+    props:{
+        currentCoversition:{
+            type:Object,
+            required:true
+        }
+    },
+    data() {
+        return {
+            chatContentList:[],
+            coversition:{},
+            baseUrl:process.env.VUE_APP_VOICE_API
+        };
+    },
+    watch:{
+        '$store.state.socket.simulationText':function (val, old) { //  仿真聊天
+            if (this.currentCoversition.id == val.conversationId) {
+                const simulationText = this.$store.state.socket.simulationText;
+                this.chatContentList.push(simulationText);
+            }
+        },
+        $route() {
+            this.inintData();
+        },
+        currentCoversition:function (val, old) {
+            if (val) {
+                this.chatContentList = [];
+                this.coversition = this.currentCoversition;
+                this.inintData();
+            }
+        }
+    },
+    mounted() {
+        // this.coversition = this.currentCoversition;
+        // this.inintData();
+    },
+    methods:{
+        inintData() {
+            getSimulationContextListNew(this.$route.query.group, this.coversition.id).then(res=>{
+                const userId = this.$store.state.user.id;
+                const coversitionList = res.data.map(coversition=>{
+                    coversition.self = false;
+                    if (coversition.member.userId == userId) {
+                        coversition.self = true;
+                    }
+                    coversition.src = coversition.isAudio ? `/jlcloud/audio/${coversition.audioPath}` : '';
+                    coversition.memberName = coversition.member.name;
+                    coversition.targetName = coversition.targetMember ? coversition.targetMember : 'All';
+                    coversition.memberRole = coversition.member.role;
+                    return coversition;
+                });
+                this.chatContentList = coversitionList;
+            });
+            // const coversitionListAll = Object.assign({}, this.$store.state.socket.coversitionList);
+            // const coversitionList = coversitionListAll[this.coversition.id] || [];
+            // // console.log('inintData---coversitionList' + JSON.stringify(this.$store.state.socket.coversitionList[this.coversition.id]));
+            // this.chatContentList = coversitionList;
+        },
+        formatTime(time) {
+            return /\d{2}:\d{2}:\d{2}/.exec(time)[0] || time;
+        },
+        covertName(data) {
+            if (data != 'All') {
+                const roleTypeList = ConstConfig.ConstSelect.roleTypeNew;
+                roleTypeList.forEach(function(element) {
+                    const rolename = element.value;
+                    if (Cookies.get('user_lang') == 'en') {
+                        if (rolename == data.role) {
+                            data.role = element.enLabel;
+                        }
+                    } else {
+                        if (rolename == data.role) {
+                            data.role = element.label;
+                        }
+                    }
+                });
+                const deviceName = data.deviceName ? '-' + data.deviceName : '';
+                const memberName = data.name ? '-' + data.name : '';
+                return data.role + deviceName + memberName;
+            } else {
+                return 'All';
+            }
+        },
+        playAudio(id) {
+            document.querySelector('#' + id).play();
+        }
+        // reloadData(currentCoversition) {
+        //     this.chatContentList = [];
+        //     this.coversition = currentCoversition;
+        //     this.inintData();
+        // }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.chatcontentIn{
+    height: 100%;
+    width: 100%;
+    display: inline-block;
+    overflow: auto;
+    padding-bottom: 20px;
+    cursor:auto;
+}
+.leftUser{
+    float: left;
+    margin-left: 10px;
+    margin-top: 10px;
+    display: inline-block;
+}
+.rightUser{
+    float: right;
+    margin-right: 10px;
+    margin-top: 10px;
+    display: inline-block;
+}
+.userHeader{margin-bottom: 2px;}
+.userName{font-size: 12px;display:inline-block;}
+.userChatTime{font-size: 12px;display:inline-block;}
+.userBubble{
+    max-width: 200px;
+    font-size: 12px;
+    padding: 10px;
+    background: #ccc;
+    border-radius: 5px;
+    cursor: pointer;
+}
+.playicon{
+    font-size: 20px;
+    vertical-align: top;
+}
+.textRight{text-align: right;width: 100%;}
+.userMessage{}
+.messageText{line-height: 20px;}
+.chatContentInClass{
+        display: inline-block;
+    width: 100%;
+}
+
+// 谷歌、safari、qq浏览器、360浏览器滚动条样式
+// 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
+.chatcontentIn::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    // height: 110px;
+    background-color: #FFFFFF;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+.chatcontentIn::-webkit-scrollbar-track {
+    // box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #FFFFFF;;
+}
+/*定义滑块 内阴影+圆角*/
+.chatcontentIn::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    // box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #cacaca;
+}
+/*滑块效果*/
+.chatcontentIn::-webkit-scrollbar-thumb:hover {
+    border-radius: 5px;
+    // box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.4);
+}
+/*IE滚动条颜色*/
+html {
+    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/
+    scrollbar-highlight-color:#000;
+    scrollbar-3dlight-color:#000;
+    scrollbar-darkshadow-color:#000;
+    scrollbar-Shadow-color:#adadad;/*滑块边色*/
+    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/
+    scrollbar-track-color:#eeeeee;/*背景颜色*/
+}
+</style>
--- a/src/views/newMap/displayNew/chatView/chatCoversitionList.vue
+++ b/src/views/newMap/displayNew/chatView/chatCoversitionList.vue
@ -0,0 +1,168 @@
+<template>
+  <div class="chat-coversition">
+    <div id="coversition-list-name" />
+    <div class="coversition-list">
+      <div
+        v-for="coversition in coversitionList"
+        :key="coversition.id"
+        :class="coversition.id==currentCoversition.id?'coversition-active each-coversition':'each-coversition'"
+        @click="changeCoversition(coversition)"
+      >{{ coversition.coverName }}</div>
+    </div>
+  </div>
+</template>
+<script>
+import ConstConfig from '@/scripts/ConstConfig';
+import Cookies from 'js-cookie';
+import {getSimulationConversationListNew} from '@/api/chat';
+export default {
+    name:'ChatCoversitionList',
+    data() {
+        return {
+            coversitionList:[],
+            currentCoversition:{}
+        };
+    },
+    mounted() {
+        this.initPage(true);
+    },
+    methods:{
+        initPage(status) {
+            getSimulationConversationListNew(this.$route.query.group).then(resp=>{
+                if (resp.data) {
+                    const data = resp.data;
+                    data.map(coversition=>{
+                        const objectCover = this.handleMemberName(coversition);
+                        coversition.coverName = objectCover.coversitionName;
+                        coversition.isOnline = objectCover.isOnline;
+                        return coversition;
+                    });
+                    this.coversitionList = data;
+                    if (resp.data && resp.data.length && resp.data.length > 0 && status) {
+                        this.currentCoversition = data[0];
+                        this.$emit('setCurrentCoversition', resp.data[0]);
+                    }
+                }
+            });
+        },
+        addCoversition(data) {
+            const index = this.coversitionList.findIndex(item=>{ return item.id == data.id; });
+            if (index < 0) {
+                const objectCover = this.handleMemberName(data);
+                data.coverName = objectCover.coversitionName;
+                data.isOnline = objectCover.isOnline;
+                this.coversitionList.push(data);
+                this.currentCoversition = data;
+            }
+        },
+        changeCoversition(coversition) {
+            this.$emit('setHeadTitle', !coversition.isOnline ? coversition.coverName + ' (离线)' : coversition.coverName);
+            this.currentCoversition = {id:coversition.id, group:coversition.group};
+            this.$emit('setCurrentCoversition', coversition);
+            // this.$refs.chatContent.reloadData(this.currentCoversition);
+        },
+        handleMemberName(conversition) {
+            if (conversition.group) {
+                return {coversitionName:conversition.name, isOnline:true};
+            } else {
+                let coversitionName = '';
+                let isOnline = true;
+                if (conversition.memberList) {
+                    conversition.memberList.forEach(member=>{
+                        if (member.userId != this.$store.state.user.id) {
+                            const roleTypeList = ConstConfig.ConstSelect.roleTypeNew;
+                            let data = member.role;
+                            roleTypeList.forEach(function(element) {
+                                const rolename = element.value;
+                                if (Cookies.get('user_lang') == 'en') {
+                                    data = data.replace(rolename, element.enLabel);
+                                } else {
+                                    data = data.replace(rolename, element.label);
+                                }
+                            });
+                            const deviceName = member.deviceName ? '-' + member.deviceName : '';
+                            const memberName = member.name ? '-' + member.name : '';
+                            isOnline = member.online;
+                            coversitionName = data + deviceName + memberName;
+                        }
+                    });
+                } else {
+                    coversitionName = conversition.name;
+                }
+                return {coversitionName:coversitionName, isOnline:isOnline};
+            }
+        },
+        setCoversitionStatus(data) {
+            this.initPage(false);
+            this.$emit('setHeadTitle', !this.currentCoversition.isOnline ? this.currentCoversition.coverName + ' (离线)' : this.currentCoversition.coverName);
+            // this.changeCoversition(this.currentCoversition);
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.chat-coversition{
+    width: 100px;
+    display: inline-block;
+    border-right: 1px #dedede solid;
+    height: 100%;
+    vertical-align: top;
+    background: #f9f9f9;
+    border-radius: 5px 0px 0px 5px;
+}
+.coversition-list{
+    padding: 3px 0px 10px 0px;
+    height: 355px;
+    overflow: auto;
+    margin-top:40px;
+}
+.each-coversition{
+    font-size: 14px;
+    padding: 10px 7px 10px 10px;
+    border-bottom: 1px #dedede solid;
+    cursor: pointer;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.coversition-active{
+    background: #e0e0e0;
+}
+
+// 谷歌、safari、qq浏览器、360浏览器滚动条样式
+// 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
+.coversition-list::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    // height: 110px;
+    background-color: #FFFFFF;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+.coversition-list::-webkit-scrollbar-track {
+    // box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #FFFFFF;;
+}
+/*定义滑块 内阴影+圆角*/
+.coversition-list::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    // box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #cacaca;
+}
+/*滑块效果*/
+.coversition-list::-webkit-scrollbar-thumb:hover {
+    border-radius: 5px;
+    // box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.4);
+}
+/*IE滚动条颜色*/
+html {
+    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/
+    scrollbar-highlight-color:#000;
+    scrollbar-3dlight-color:#000;
+    scrollbar-darkshadow-color:#000;
+    scrollbar-Shadow-color:#adadad;/*滑块边色*/
+    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/
+    scrollbar-track-color:#eeeeee;/*背景颜色*/
+}
+</style>
--- a/src/views/newMap/displayNew/chatView/chatMemberList.vue
+++ b/src/views/newMap/displayNew/chatView/chatMemberList.vue
@ -0,0 +1,154 @@
+<template>
+  <div :class="showMembers?'memberAnimate chat-box-members':'chat-box-members'">
+    <div class="chat-member-title">成员列表</div>
+    <div class="chat-member-list">
+      <div
+        v-for="member in memberList"
+        :key="member.id"
+        :class="member.online?'each-chat-member':'each-chat-member each-chat-member-outline'"
+      >{{ member.memberName }}</div>
+    </div>
+  </div>
+</template>
+<script>
+import {getSimulationMembersNew} from '@/api/chat';
+import ConstConfig from '@/scripts/ConstConfig';
+import Cookies from 'js-cookie';
+export default {
+    name: 'ChatMemberList',
+    props: {
+        group: {
+            type: String,
+            required: true
+        }
+    },
+    data() {
+        return {
+            showMembers:false,
+            memberList:[]
+        };
+    },
+    mounted() {
+        this.getSimulationMembers();
+    },
+    methods:{
+        setMemberStatus(memberInfo) {
+            this.getSimulationMembers();
+            // memberInfo.forEach(member=>{
+            //     if (this.coversitionList) {
+            //         this.coversitionList.forEach(item=>{
+            //             if (item.id == member.id) {
+            //                 item.online = member.online;
+            //             }
+            //         });
+            //     }
+            // });
+        },
+        getSimulationMembers() {
+            getSimulationMembersNew(this.$route.query.group).then(resp => {
+                let lastData = JSON.stringify(resp.data);
+                const roleTypeList = ConstConfig.ConstSelect.roleTypeNew;
+                roleTypeList.forEach(function(element) {
+                    const rolename = element.value;
+                    if (Cookies.get('user_lang') == 'en') {
+                        lastData = lastData.replace(new RegExp(rolename, 'g'), element.enLabel);
+                    } else {
+                        lastData = lastData.replace(new RegExp(rolename, 'g'), element.label);
+                    }
+                });
+                lastData = JSON.parse(lastData);
+                lastData.map(member=>{
+                    const deviceName = member.deviceName ? '-' + member.deviceName : '';
+                    const memberName = member.name ? '-' + member.name : '';
+                    member.memberName = member.role + deviceName + memberName;
+                    return member;
+                });
+                this.memberList = lastData;
+            });
+        },
+        doShow() {
+            if (this.showMembers) {
+                this.showMembers = false;
+            } else {
+                this.showMembers = true;
+                this.getSimulationMembers();
+            }
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.memberAnimate{
+  transform: translateX(97%);
+}
+.chat-box-members{
+    position: absolute;
+    width: 140px;
+    right: 0;
+    height: 100%;
+    background: #fff;
+    border-right: 1px #dedede solid;
+    border-radius: 0px 5px 5px 0px;
+    z-index: 2;
+    transition: transform 1s;
+    padding: 12px 2px 10px 16px;
+    font-size: 14px;
+}
+.chat-member-title{
+}
+.chat-member-list{
+    margin-top: 13px;
+    font-size: 12px;
+    margin-left: 2px;
+    height: 350px;
+    overflow-y: auto;
+}
+.each-chat-member{
+    margin-bottom: 10px;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+}
+.each-chat-member-outline{
+    color: #ccc;
+}
+
+// 谷歌、safari、qq浏览器、360浏览器滚动条样式
+// 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
+.chat-member-list::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    // height: 110px;
+    background-color: #FFFFFF;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+.chat-member-list::-webkit-scrollbar-track {
+    // box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #FFFFFF;;
+}
+/*定义滑块 内阴影+圆角*/
+.chat-member-list::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    // box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #cacaca;
+}
+/*滑块效果*/
+.chat-member-list::-webkit-scrollbar-thumb:hover {
+    border-radius: 5px;
+    // box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.4);
+}
+/*IE滚动条颜色*/
+html {
+    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/
+    scrollbar-highlight-color:#000;
+    scrollbar-3dlight-color:#000;
+    scrollbar-darkshadow-color:#000;
+    scrollbar-Shadow-color:#adadad;/*滑块边色*/
+    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/
+    scrollbar-track-color:#eeeeee;/*背景颜色*/
+}
+</style>
--- a/src/views/newMap/displayNew/chatView/chatSetting.vue
+++ b/src/views/newMap/displayNew/chatView/chatSetting.vue
@ -0,0 +1,126 @@
+<template>
+  <div v-show="dialogVisible" class="chat-popup">
+    <div class="chat-setting-header">
+      <div class="chat-setting-title">设置</div>
+      <div class="chat-setting-close">
+        <i class="el-icon-close" @click="dialogVisible=false" />
+      </div>
+    </div>
+    <div class="chat-setting-content">
+      <div class="chat-setting-language">
+        <div class="setting-language-title">语言: </div>
+        <el-switch
+          v-model="form.language"
+          class="setting-language-select"
+          active-color="#409EFF"
+          inactive-color="#ff4949"
+          active-text="中"
+          inactive-text="En"
+          active-value="zh"
+          inactive-value="en"
+          @change="changeLanguage()"
+        />
+      </div>
+      <div class="chat-setting-sex">
+        <div class="setting-sex-title">性别: </div>
+        <el-switch
+          v-model="form.sex"
+          class="setting-sex-select"
+          active-color="#409EFF"
+          inactive-color="#ff4949"
+          active-icon-class="el-icon-male"
+          inactive-icon-class="el-icon-female"
+          active-value="1"
+          inactive-value="0"
+          @change="changeSex()"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+    name: 'ChatSetting',
+    props:{
+        form:{
+            type:Object,
+            required:true
+        }
+    },
+    data() {
+        return {
+            dialogVisible: false,
+            loading:false
+        };
+    },
+    methods:{
+        doShow() {
+            this.dialogVisible = true;
+        },
+        doClose() {
+            this.dialogVisible = false;
+        },
+        changeLanguage() {
+            this.$emit('setSetting', this.form);
+        },
+        changeSex() {
+            this.$emit('setSetting', this.form);
+        }
+    }
+};
+</script>
+<style lang="scss" scoped>
+.chat-popup{
+    position: absolute;
+    width: 54%;
+    height: 143px;
+    border: 1px #dedede solid;
+    left: 33%;
+    top: 24%;
+    z-index: 7;
+    border-radius: 4px;
+    -webkit-box-shadow: 3px 3px 3px #dedede;
+    box-shadow: 3px 3px 3px #dedede;
+    background: #fff;
+}
+.chat-setting-header{
+    padding-left: 10px;
+    padding-top: 6px;
+    font-size: 14px;
+    border-bottom: 1px #dedede solid;
+    padding-bottom: 6px;
+}
+.chat-setting-title{
+    display: inline-block;
+}
+.chat-setting-close{
+    float: right;
+    display: inline-block;
+    margin-right: 5px;
+    font-size: 16px;
+    cursor: pointer;
+}
+.chat-setting-content{
+
+}
+.chat-setting-language,.chat-setting-sex{
+    display: inline-block;
+    margin-top: 20px;
+}
+.setting-language-title,.setting-sex-title{
+    display: inline-block;
+    font-size: 14px;
+    margin-left: 20px;
+    vertical-align: top;
+    margin-top: 3px;
+}
+.setting-language-select,.setting-sex-select{
+    display: inline-block;
+    vertical-align: top;
+}
+</style>
+<style lang="scss">
+.setting-sex-select .el-icon-male,.setting-sex-select .el-icon-female{
+    font-size:18px !important;
+}
+</style>
--- a/src/views/newMap/displayNew/designIndex.vue
+++ b/src/views/newMap/displayNew/designIndex.vue
@ -5,8 +5,6 @@
        <map-system-draft ref="mapCanvas" @back="back" />
      </transition>

-      <menu-lesson v-if="isLesson" ref="lessonMenu" :offset="offset" :group="group" :training-obj="trainingObj" />
-
      <menu-demon
        v-if="isDemon"
        ref="menuDemon"
@ -20,10 +18,8 @@
        @showScheduling="showScheduling"
      />

-      <menu-script v-if="isScript" ref="menuScript" :offset="offset" :group="group" />
-
      <menu-schema
-        v-if="isDemon || isScript "
+        v-if="isDemon"
        ref="menuSchema"
        :offset="offset"
        :offset-bottom="offsetBottom"
@ -42,7 +38,6 @@
    <run-plan-Load ref="runPlanLoad" :group="group" />
    <run-plan-view ref="runPlanView" :group="group" />
    <add-quest ref="addQuest" @selectQuest="selectQuest" />
-    <scheduling v-if="isShowScheduling" ref="scheduling" :group="group" />
  </div>
 </template>

@ -54,9 +49,7 @@ import MapSystemDraft from '@/views/newMap/mapsystemNew/index';
 import MenuDemon from '@/views/newMap/displayNew/menuDemon';
 import MenuSchema from '@/views/newMap/displayNew/menuSchema';
 import MenuSystemTime from '@/views/newMap/displayNew/menuSystemTime';
-import MenuScript from '@/views/newMap/displayNew/menuScript';
 import AddQuest from './demon/addQuest';
-import Scheduling from './demon/scheduling';
 import { mapGetters } from 'vuex';
 import { setGoodsTryUse } from '@/api/management/goods';
 import { clearSimulation, getSimulationInfoNew } from '@/api/simulation';
@ -80,12 +73,10 @@ export default {
        AddQuest,
        MapSystemDraft,
        MenuDemon,
-        MenuScript,
        MenuSchema,
        MenuSystemTime,
-        // Jl3dSimulation,
-        Jl3dDrive,
-        Scheduling
+        Jl3dDrive
+        // Scheduling
    },
    props: {
        size: {
@ -119,8 +110,7 @@ export default {
                '04': '02', 	// 司机 => 行调
                '05': ''		// 派班 => null
            },
-            isDrive: this.prdType == '04',
-            isShowScheduling: this.prdType == '05'
+            isDrive: this.prdType == '04'
        };
    },
    computed: {
@ -146,9 +136,6 @@ export default {
        right() {
            return this.$store.state.config.width / 2 - 55;
        },
-        trainingId() {
-            return this.$route.query.trainingId;
-        },
        mapId() {
            return this.$route.query.mapId;
        },
@ -156,24 +143,12 @@ export default {
            // return this.$route.query.prdType;
            return this.$store.state.training.prdType;
        },
-        skinCode() {
-            return this.$route.query.skinCode;
-        },
-        isLesson() {
-            return this.mode === 'teach' || this.mode === 'manage';
-        },
        isDemon() {
            return this.mode === 'demon';
-        },
-        isScript() {
-            return this.mode === 'script';
        }
        // isDrive() {
        // 	return this.prdType == '04';
        // },
-        // isShowScheduling() {
-        // 	return this.prdType == '05';
-        // }
    },
    watch: {
        '$store.state.config.menuBarLoadedCount': function (val) {
@ -183,19 +158,12 @@ export default {
            this.mapBoxP = document.getElementById(this.canvasId).children[0];
            this.mapBoxP.style.cursor = '';
        },
-        '$store.state.training.prdType': function(val) {
-            // this.prdType=val;
-            this.isDrive = (val == '04');
-            this.isShowScheduling = (val == '05');
-        },
-        '$store.state.socket.permissionOver': function () {
-            this.$alert('用户权限已被收回', '提示', {
-                confirmButtonText: '确定',
-                callback: action => {
-                    this.back();
-                }
-            });
-        },
+        // '$store.state.training.prdType': function(val) {
+        //     debugger;
+        //     // this.prdType=val;
+        //     this.isDrive = (val == '04');
+        //     this.isShowScheduling = (val == '05');
+        // },
        '$store.state.app.windowSizeCount': function() {
            this.setWindowSize();
        },
@ -322,8 +290,6 @@ export default {
                await this.loadSimulationInfo();
                if (this.isDemon) {
                    await this.initLoadDemonData();
-                } else if (this.isScript) {
-                    await this.initLoadTaskData();
                }
                this.checkLoginLineTimer();
                this.checkMouseStatusTimer();
@ -344,18 +310,6 @@ export default {
                this.endViewLoading();
            }
        },
-        // 任务录制系统
-        async initLoadTaskData() {
-            this.$store.dispatch('training/end', TrainingMode.NORMAL);
-            this.$store.dispatch('training/changeOperateMode', { mode: OperateMode.NORMAL }); // 默认为正常模式
-            this.switchMode('01');
-
-            if (this.group) {
-                await this.loadNewMapDataByGroup(this.group);
-            } else {
-                this.endViewLoading();
-            }
-        },
        // 加载剧本
        async runQuestLoadShow() {
            this.$refs.addQuest.doShow();
@ -435,12 +389,8 @@ export default {
        },
        // 仿真错误时，被动退出时调用
        async back() {
-            if (this.isLesson) {
-                await this.$refs.lessonMenu.back();
-            } else if (this.isDemon) {
+            if (this.isDemon) {
                await this.$refs.menuDemon.back();
-            } else if (this.isScript) {
-                await this.$refs.menuScript.back();
            }
        },
        // 设置使用时间
@ -491,9 +441,7 @@ export default {
            this.$nextTick(() => {
                const width = this.size ? this.size.width : this.width;
                const height = this.size ? this.size.height : this.height;
-
                this.$store.dispatch('config/resize', { width, height });
-
                this.$store.dispatch('training/updateOffsetStationCode', { offsetStationCode: this.offsetStationCode });
            });
        }
--- a/src/views/newMap/displayNew/menuDemon.vue
+++ b/src/views/newMap/displayNew/menuDemon.vue
@ -1,5 +1,6 @@
 <template>
  <div>
+    <chat-box :group="group" />
    <div class="display-card" :style="{top: offset+'px'}">
      <el-row>
        <span v-if="countTime" class="display-score">{{ $t('display.demon.trialTime') }} {{ countTime }}</span>
@ -32,6 +33,7 @@
 <!-- 单人仿真 -->
 <script>
 import SetTime from './demon/setTime';
+import ChatBox from './chatView/chatBox';
 import { Notification } from 'element-ui';
 import { getGoodsTryUse } from '@/api/management/goods';
 import { ranAsPlan, exitRunPlan, clearSimulation } from '@/api/simulation';
@ -42,7 +44,8 @@ import { quitScript, quitScriptNew } from '@/api/simulation';
 export default {
    name: 'MenuDemon',
    components: {
-        SetTime
+        SetTime,
+        ChatBox
    },
    props: {
        group: {
--- a/src/views/newMap/jointTrainingNew/chatBox.vue
+++ b/src/views/newMap/jointTrainingNew/chatBox.vue
@ -117,7 +117,6 @@ export default {
        addCoversition({data, headerTitle}) {
            this.$refs.chatCoversitionList.addCoversition(data);
            this.currentCoversition = {id:data.id, group:data.group};
-            this.$refs.chatCoversitionList.setCurrentCoversition(this.currentCoversition);
            this.headerTitle = headerTitle;
        },
        // 语音录制开始
@ -198,8 +197,6 @@ export default {
        stopRecording() {
            const that = this;
            this.recorders.stopRecording(function(blobURL) {
-                const data = URL.createObjectURL(that.recorders.getBlob());
-                console.log('--------', data);
                clearInterval(that.inter);
                that.seconds = 0;
                const blob = that.recorders.getBlob();
@ -211,7 +208,6 @@ export default {
                    .catch(error => {
                        console.log(error);
                    });
-                // 调用接口（待添加）
                if (that.microphone) {
                    that.microphone.stop();
                    that.microphone = null;
--- a/src/views/newMap/jointTrainingNew/chatCoversitionList.vue
+++ b/src/views/newMap/jointTrainingNew/chatCoversitionList.vue
@ -39,7 +39,7 @@ export default {
                    });
                    this.coversitionList = data;
                    if (resp.data && resp.data.length && resp.data.length > 0 && status) {
-                        this.currentCoversition = resp.data[0];
+                        this.currentCoversition = data[0];
                        this.$emit('setCurrentCoversition', resp.data[0]);
                    }
                }
@ -52,11 +52,9 @@ export default {
                data.coverName = objectCover.coversitionName;
                data.isOnline = objectCover.isOnline;
                this.coversitionList.push(data);
+                this.currentCoversition = data;
            }
        },
-        setCurrentCoversition(data) {
-            this.currentCoversition = data;
-        },
        changeCoversition(coversition) {
            this.$emit('setHeadTitle', !coversition.isOnline ? coversition.coverName + ' (离线)' : coversition.coverName);
            this.currentCoversition = {id:coversition.id, group:coversition.group};
@ -96,6 +94,7 @@ export default {
        },
        setCoversitionStatus(data) {
            this.initPage(false);
+            this.$emit('setHeadTitle', !this.currentCoversition.isOnline ? this.currentCoversition.coverName + ' (离线)' : this.currentCoversition.coverName);
            // this.changeCoversition(this.currentCoversition);
        }
    }
--- a/src/views/scriptManage/display/tipScriptRecord.vue
+++ b/src/views/scriptManage/display/tipScriptRecord.vue
@ -66,6 +66,12 @@ export default {
            }
        };
    },
+    computed:{
+        drawWay() {
+            const drawWay = this.$route.query.drawWay;
+            return drawWay && JSON.parse(drawWay);
+        }
+    },
    watch: {
        '$store.state.scriptRecord.bgSet': function (val) {
            this.backDisabled = val;
@ -103,7 +109,7 @@ export default {
            }
        },
        pauseScript() {
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                simulationPause(this.group).then(resp => {
                    this.$store.dispatch('scriptRecord/updateSimulationPause', true);
                }).catch(() => {
@ -119,7 +125,7 @@ export default {

        },
        executePlayScript() {
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                executeScriptNew(this.group).then(resp => {
                    this.$store.dispatch('scriptRecord/updateSimulationPause', false);
                }).catch(() => {
@ -138,7 +144,7 @@ export default {
            const data = Vue.prototype.$jlmap.$options;
            const group = this.$route.query.group;
            const dataZoom = {scale: data.scaleRate, x: data.offsetX, y: data.offsetY};
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                saveScriptScenesNew(this.group).then(resp => {
                    updateMapLocationNew(group, dataZoom).then(response=>{
                        this.$store.dispatch('scriptRecord/updateBgSet', true);
@ -165,8 +171,7 @@ export default {
        },
        saveScenesData() {
            this.isSavingScript = true;
-
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                saveScriptDataNew(this.group).then(resp => {
                    this.$message.success(this.$t('scriptRecord.saveDataSucess'));
                    this.isSavingScript = false;
@ -204,7 +209,7 @@ export default {
                cancelButtonText: this.$t('global.cancel'),
                type: 'warning'
            }).then(() => {
-                if (this.$route.query.drawWay == 'true') {
+                if (this.drawWay) {
                    dumpScriptDataNew(group).then(resp => {
                        this.$parent.$refs['display'].$refs['menuScript'].resetBeginTime();
                        this.$refs['getAction'].loadInitData();
--- a/src/views/scriptManage/scriptRecord/addAction.vue
+++ b/src/views/scriptManage/scriptRecord/addAction.vue
@ -30,7 +30,7 @@
        </el-form-item>
      </el-form>
    </el-card>
-    <el-card v-if="this.$route.query.drawWay != 'true'" class="commandCard">
+    <el-card v-if="!drawWay" class="commandCard">
      <div class="addCommand">{{ $t('scriptRecord.addCommand') }}</div>
      <el-form ref="commandData" size="mini" :model="commandData" :rules="commandRules" label-width="120px" class="actionInfo" label-position="right">
        <el-form-item :label="$t('scriptRecord.executor')" class="conditionVO" prop="action.memberId">
@ -181,6 +181,12 @@ export default {
            }
        };
    },
+    computed:{
+        drawWay() {
+            const drawWay = this.$route.query.drawWay;
+            return drawWay && JSON.parse(drawWay);
+        }
+    },
    watch:{
        '$store.state.map.mapViewLoadedCount': function (val) {
            Vue.prototype.$jlmap.setOptions(this.$store.state.scriptRecord.mapLocation);
@ -191,7 +197,7 @@ export default {
            this.isPause = !(this.$store.state.scriptRecord.simulationPause);
            this.$parent.$parent.$parent.setIsParse(this.isPause);
            this.$refs['modalData'].clearValidate();
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                this.$refs['commandDataNew'].clearValidate();
                if (!val) {
                    this.initActionData();
@ -224,7 +230,7 @@ export default {
        initData() {
            this.buttonName = this.$t('scriptRecord.addConversitionButton');
            this.operateType = 'add';
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                getScriptPlayMemberNew(this.group).then(resp => {
                    this.orginMemberList = resp.data;
                    this.memberList = resp.data;
@ -385,7 +391,7 @@ export default {
                    const data = this.modalData.actionVO;
                    this.modifying = true;
                    if (this.operateType == 'add') {
-                        if (this.$route.query.drawWay == 'true') {
+                        if (this.drawWay) {
                            addScriptActionNew(group, data).then(response=>{
                                this.modifying = false;
                                this.$message.success(this.$t('scriptRecord.addConversitionSuccess'));
@ -512,7 +518,7 @@ export default {
            }
        },
        resetData() {
-            if (this.$route.query.drawWay != 'true') {
+            if (!this.drawWay) {
                this.$refs.command.resetData();
            }
        }
--- a/src/views/scriptManage/scriptRecord/addRole.vue
+++ b/src/views/scriptManage/scriptRecord/addRole.vue
@ -30,6 +30,12 @@ export default {
            sexGroup: this.$t('scriptRecord.roleSexMale')
        };
    },
+    computed:{
+        drawWay() {
+            const drawWay = this.$route.query.drawWay;
+            return drawWay && JSON.parse(drawWay);
+        }
+    },
    watch: {
        '$store.state.socket.simulationStart': function (val) {
            if (val) {
@ -43,7 +49,7 @@ export default {
    methods: {
        initData() {
            const group = this.$props.group;
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                getScriptMemberDataNew(group).then(response=>{
                    let lastData = JSON.stringify(response.data);
                    lastData = lastData.replace(new RegExp('id', 'g'), 'key');
@ -100,7 +106,7 @@ export default {
            case 'right': {
                const group = this.$props.group;
                const data = movedKeys;
-                if (this.$route.query.drawWay == 'true') {
+                if (this.drawWay) {
                    selectScriptMembersNew(group, data).then(response=>{
                        this.$message.success(this.$t('scriptRecord.selectScriptActorSuccess'));
                        this.$emit('refresh');
@ -123,7 +129,7 @@ export default {
            case 'left': {
                const group = this.$props.group;
                const data = movedKeys;
-                if (this.$route.query.drawWay == 'true') {
+                if (this.drawWay) {
                    cancleScriptMembersNew(group, data).then(response=>{
                        this.$emit('refresh');
                        this.$message.success(this.$t('scriptRecord.cancleScriptActorSuccess'));
@ -149,10 +155,9 @@ export default {
            const data = {'gender': event};
            modifyScriptMemberSex(group, id, data).then(response=>{
                this.$message.success(this.$t('scriptRecord.modifyScriptActorSexSuccess'));
-            })
-                .catch(error => {
-                    this.$messageBox(`${this.$t('scriptRecord.modifyScriptActorSexFail')}: ${error.message}`);
-                });
+            }).catch(error => {
+                this.$messageBox(`${this.$t('scriptRecord.modifyScriptActorSexFail')}: ${error.message}`);
+            });
        }
    }
 };
--- a/src/views/scriptManage/scriptRecord/command.vue
+++ b/src/views/scriptManage/scriptRecord/command.vue
@ -62,6 +62,12 @@ export default {
            signalName:''
        };
    },
+    computed:{
+        drawWay() {
+            const drawWay = this.$route.query.drawWay;
+            return drawWay && JSON.parse(drawWay);
+        }
+    },
    watch: {
        '$store.state.menuOperation.selectedCount':function(em) {
            const device = this.$store.state.menuOperation.selected;
@ -77,7 +83,7 @@ export default {
        getDeviceCode() {
            const params = {deviceType:'StationStand'};
            const group = this.$route.query.group;
-            if (this.$route.query.drawWay != 'true') {
+            if (!this.drawWay) {
                getDeviceCodeByDeviceType(group, params).then(response =>{
                    let resultData = response.data;
                    resultData = JSON.parse(JSON.stringify(response.data).replace(/groupNumber/g, 'name'));
--- a/src/views/scriptManage/scriptRecord/getAction.vue
+++ b/src/views/scriptManage/scriptRecord/getAction.vue
@ -55,6 +55,12 @@ export default {
            memberName: ''
        };
    },
+    computed:{
+        drawWay() {
+            const drawWay = this.$route.query.drawWay;
+            return drawWay && JSON.parse(drawWay);
+        }
+    },
    watch: {
        actionInfoList: function(val) {
            this.$nextTick(function() {
@ -70,7 +76,7 @@ export default {
        loadInitData() {
            // const group=this.$route.query.group;
            const data = {role: 'Driver'};
-            if (this.$route.query.drawWay != 'true') {
+            if (!this.drawWay) {
                getAvailableDeviceCommand(data).then(response=>{
                    this.deviceCommandList = response.data;
                    this.loadOtherData(this.$route.query);
@ -81,7 +87,7 @@ export default {
        },
        loadOtherData(obj) {
            const group = obj.group;
-            if (this.$route.query.drawWay == 'true') {
+            if (this.drawWay) {
                getScriptPlayMemberNew(this.group).then(response => {
                    const memberVOList = response.data;
                    getScriptAllAction(group).then(resp=>{
@ -174,7 +180,7 @@ export default {
        },
        deleteAction(row) {
            const group = this.$props.group;
-            if (this.$route.query.drawWay != 'true') {
+            if (!this.drawWay) {
                deleteScriptAction(group, row).then(resp => {
                    this.reloadTable();
                    this.$message.success('删除行为动作成功');
@ -187,7 +193,7 @@ export default {
            this.loadInitData();
        },
        modifyAction(row) {
-            if (this.$route.query.drawWay != 'true') {
+            if (!this.drawWay) {
                this.$emit('setAction', row);
            }
        }
--- a/src/views/studentManage/index.vue
+++ b/src/views/studentManage/index.vue
@ -1,9 +1,9 @@
 <template>
  <div class="joylink-card">
-    <div style="margin-top: 20px;width: 90%; position: absolute; left: 5%;">
+    <div style="margin-top: 20px;width: 90%; position: absolute; left: 5%; height: 100%;">
      <el-row>
        <el-col :span="20">
-          <el-form ref="form" :model="form" :rules="rules" label-width="100px" size="mini" style="width: 100%;margin-top: 10px;">
+          <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini" style="width: 100%;margin-top: 10px;">
            <el-row>
              <el-col :span="6">
                <el-form-item label="班级:" prop="classId">
@ -23,7 +23,7 @@
                </el-form-item>
              </el-col>
              <el-col :span="6">
-                <el-form-item label="开始日期:" prop="termBeginDate">
+                <el-form-item label="学期起始日期:" prop="termBeginDate">
                  <el-date-picker
                    v-model="form.termBeginDate"
                    type="date"
@ -33,7 +33,7 @@
                </el-form-item>
              </el-col>
              <el-col :span="6">
-                <el-form-item label="结束日期:" prop="termEndDate">
+                <el-form-item label="学期结束日期:" prop="termEndDate">
                  <el-date-picker
                    v-model="form.termEndDate"
                    type="date"
@ -45,11 +45,11 @@
            </el-row>
            <el-row>
              <el-col :span="6">
-                <el-form-item label="产品类型:"><span>行调</span></el-form-item>
+                <el-form-item label="教学类型:"><span>行调</span></el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="课程:" prop="centerLessonId">
-                  <el-select v-model="form.centerLessonId" placeholder="请选择" @change="centerLessonChange">
+                  <el-select v-model="form.centerLessonId" clearable placeholder="请选择" @change="centerLessonChange">
                    <el-option
                      v-for="item in centerLessonList"
                      :key="item.id"
@ -61,7 +61,7 @@
              </el-col>
              <el-col :span="6">
                <el-form-item label="试卷:" prop="centerExamPaperId">
-                  <el-select v-model="form.centerExamPaperId" placeholder="请选择">
+                  <el-select v-model="form.centerExamPaperId" clearable placeholder="请选择">
                    <el-option
                      v-for="item in centerExamPaperList"
                      :key="item.id"
@ -74,11 +74,11 @@
            </el-row>
            <el-row>
              <el-col :span="6">
-                <el-form-item label="产品类型:"><span>现地</span></el-form-item>
+                <el-form-item label="教学类型:"><span>现地</span></el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="课程:" prop="localLessonId">
-                  <el-select v-model="form.localLessonId" placeholder="请选择" @change="localLessonChange">
+                  <el-select v-model="form.localLessonId" clearable placeholder="请选择" @change="localLessonChange">
                    <el-option
                      v-for="item in localLessonList"
                      :key="item.id"
@ -90,7 +90,7 @@
              </el-col>
              <el-col :span="6">
                <el-form-item label="试卷:" prop="localExamPaperId">
-                  <el-select v-model="form.localExamPaperId" placeholder="请选择">
+                  <el-select v-model="form.localExamPaperId" clearable placeholder="请选择">
                    <el-option
                      v-for="item in localExamPaperList"
                      :key="item.id"
@ -118,30 +118,34 @@
          </el-button>
          <el-button type="primary" size="mini" style="margin-top: 10px;" @click="exportResults">成绩导出</el-button></el-col>
      </el-row>
-      <el-table
-        :data="tableData"
-        border
-      >
-        <el-table-column prop="index" label="序号" />
-        <el-table-column
-          prop="studentID"
-          label="学号"
-        />
-        <el-table-column
-          prop="name"
-          label="姓名"
-        />
-        <el-table-column label="考勤(10分)" prop="attendance" width="180" />
-        <el-table-column label="技能操作(30分)">
-          <el-table-column v-if="showLocal" :label="'ATS现地('+ lessonSocre +'分)'" prop="localLessonPassRate" />
-          <el-table-column v-if="showCenter" :label="'ATS行调('+ lessonSocre+'分)'" prop="centerLessonPassRate" />
-        </el-table-column>
-        <el-table-column label="考试成绩(60分)">
-          <el-table-column v-if="showLocal" :label="'ATS现地('+ examSocre+'分)'" prop="localExamSocreRadio" />
-          <el-table-column v-if="showCenter" :label="'ATS行调('+ examSocre+'分)'" prop="centerExamSocreRadio" />
-        </el-table-column>
-        <el-table-column label="期末成绩(100分)" prop="totolScore" />
-      </el-table>
+      <div style="height: calc(100% - 270px);">
+        <el-scrollbar wrap-class="scrollbar-wrapper">
+          <el-table
+            :data="tableData"
+            border
+          >
+            <el-table-column prop="index" label="序号" />
+            <el-table-column
+              prop="studentID"
+              label="学号"
+            />
+            <el-table-column
+              prop="name"
+              label="姓名"
+            />
+            <el-table-column label="考勤(10分)" prop="attendance" width="180" />
+            <el-table-column label="技能操作(30分)">
+              <el-table-column v-if="showLocal" :label="'ATS现地('+ lessonSocre +'分)'" prop="localLessonPassRate" />
+              <el-table-column v-if="showCenter" :label="'ATS行调('+ lessonSocre+'分)'" prop="centerLessonPassRate" />
+            </el-table-column>
+            <el-table-column label="考试成绩(60分)">
+              <el-table-column v-if="showLocal" :label="'ATS现地('+ examSocre+'分)'" prop="localExamSocreRadio" />
+              <el-table-column v-if="showCenter" :label="'ATS行调('+ examSocre+'分)'" prop="centerExamSocreRadio" />
+            </el-table-column>
+            <el-table-column label="期末成绩(100分)" prop="totolScore" />
+          </el-table>
+        </el-scrollbar>
+      </div>
    </div>
  </div>
 </template>
@ -162,6 +166,28 @@ export default {
    components: {
    },
    data() {
+        var validatePass = (rule, value, callback) => {
+            if (this.form.attendanceDays && this.form.termBeginDate && this.form.termEndDate) {
+                const timeDifference = new Date(this.form.termEndDate).valueOf() - new Date(this.form.termBeginDate).valueOf();
+                if (timeDifference < this.form.attendanceDays * 24 * 3600 * 1000) {
+                    callback(new Error('学期日期间隔不得小于考勤天数！'));
+                } else {
+                    this.$refs.form.clearValidate('attendanceDays');
+                    this.$refs.form.clearValidate('termBeginDate');
+                    this.$refs.form.clearValidate('termEndDate');
+                    callback();
+                }
+            } else {
+                callback();
+            }
+        };
+        var validatePrdParam = (rule, value, callback) => {
+            if ((this.form.localLessonId && this.form.localExamPaperId) || (this.form.centerLessonId && this.form.centerExamPaperId)) {
+                callback();
+            } else {
+                callback(new Error('至少选择一类课程试卷!'));
+            }
+        };
        return {
            loading: false,
            classList: [],
@ -196,9 +222,16 @@ export default {
            ],
            rules: {
                classId: [{ required: true, message: '请选择班级', trigger: 'change' }],
-                attendanceDays: [{required: true, message: '请输入考勤天数', trigger: 'blur'}],
-                termBeginDate: [{required: true, message: '请选择开始日期', trigger: 'change'}],
-                termEndDate: [{required: true, message: '请选择结束日期', trigger: 'change'}]
+                attendanceDays: [
+                    {required: true, message: '请输入考勤天数', trigger: 'blur'},
+                    {required: true, message: '请输入考勤天数', trigger: 'change'},
+                    {validator: validatePass, trigger: 'blur' },
+                    {validator: validatePass, trigger: 'change'}
+                ],
+                termBeginDate: [{required: true, message: '请选择开始日期', trigger: 'change'}, {validator: validatePass, trigger: 'change' }],
+                termEndDate: [{required: true, message: '请选择结束日期', trigger: 'change'}, {validator: validatePass, trigger: 'change' }],
+                localExamPaperId: [{validator: validatePrdParam, trigger: 'change'}],
+                centerExamPaperId: [{validator: validatePrdParam, trigger: 'change'}]
            },
            pagerConfig: {
                pageSize: 'pageSize',
@ -241,6 +274,7 @@ export default {
        }
    },
    mounted() {
+        this.classList = [];
        getProjectClassList(ProjectCode[this.project]).then(resp => {
            this.classList = resp.data;
        }).catch(() =>{
@ -335,6 +369,7 @@ export default {
        },
        localLessonChange(lessonId) {
            this.localExamPaperList = [];
+            this.form.localExamPaperId = '';
            if (lessonId) {
                getExamList({lessonId:lessonId, pageSize:999, pageNum:1}).then(resp => {
                    this.localExamPaperList = resp.data.list;
@ -345,6 +380,7 @@ export default {
        },
        centerLessonChange(lessonId) {
            this.centerExamPaperList = [];
+            this.form.centerExamPaperId = '';
            if (lessonId) {
                getExamList({lessonId:lessonId, pageSize:999, pageNum:1}).then(resp => {
                    this.centerExamPaperList = resp.data.list;
@ -354,13 +390,20 @@ export default {
            }
        },
        getLessonByClassId(classId) {
-            this.lessonList = [];
+            this.localLessonList = [];
+            this.centerLessonList = [];
+            this.form.localLessonId = '';
+            this.form.centerLessonId = '';
+            this.localExamPaperList = [];
+            this.form.localExamPaperId = '';
+            this.centerExamPaperList = [];
+            this.form.centerExamPaperId = '';
            if (classId) {
                getLessonByClassId(classId).then(resp => {
                    this.lessonList = resp.data;
                    this.lessonList.forEach(item => {
                        if (item.prdType === '01') {
-                            this.localExamPaperList.push(item);
+                            this.localLessonList.push(item);
                        } else if (item.prdType === '02') {
                            this.centerLessonList.push(item);
                        }
@ -404,9 +447,9 @@ export default {
                                        studentData.students = students;
                                    }
                                    importStudentResults(ProjectCode[that.project], studentData).then(resp => {
-                                        that.$message.success('学生成绩导入成功！');
+                                        that.$message.success('学生信息导入成功！');
                                    }).catch(error => {
-                                        that.$message.error('学生成绩导入失败！');
+                                        that.$message.error('学生信息导入失败！');
                                    });
                                } catch (error) {
                                    that.$message.warning(`解析成绩单失败:${error}`);
--- a/src/views/trainRoom/e-chat.vue
+++ b/src/views/trainRoom/e-chat.vue
@ -38,6 +38,7 @@
        <div class="record_tip_cancle" @click="cancleRecording()">取消</div>
      </div>
    </div>
+    <audio ref="audio" />
    <div class="chat__footer">
      <div class="chat_tool">
        <div class="microphoneBtn" @click="startRecording()">
@ -53,7 +54,7 @@
 <script>
 // import HZRecorder from '@/utils/HZRecorder';
 import RecordRTC from 'recordrtc';
-import { chatWithText, chatWithAudio } from '@/api/chat';
+import { chatWithText, chatWithAudio, chatWithAudioNew } from '@/api/chat';
 import { chatWithTextNew } from '@/api/jointTraining';

 export default {
@ -81,7 +82,8 @@ export default {
            recorders: null,
            sending: false,
            disabled:true,
-            microphone:null
+            microphone:null,
+            baseUrl:process.env.VUE_APP_VOICE_API
        };
    },
    computed: {
@ -95,7 +97,8 @@ export default {
            return this.$store.state.user ? this.$store.state.user.id : '';
        },
        drawWay() {
-            return this.$route.query.drawWay + '';
+            const drawWay = this.$route.query.drawWay;
+            return drawWay && JSON.parse(drawWay);
        }
    },
    watch: {
@ -119,7 +122,7 @@ export default {
        async handleSendText() {
            try {
                if (this.text.trim()) {
-                    if (this.drawWay === 'true') {
+                    if (this.drawWay) {
                        await chatWithTextNew(this.text, this.group);
                    } else {
                        await chatWithText(this.text, this.group);
@ -150,13 +153,17 @@ export default {
        startRecording() {
            const that = this;
            if (!this.recordSending && !this.recorders && !this.microphone) {
+                const StereoAudioRecorder = RecordRTC.StereoAudioRecorder;
                navigator.getUserMedia(
                    { audio: true } // 只启用音频
                    , function (stream) {
                        that.microphone = stream;
                        that.recorders = new RecordRTC(that.microphone, {
                            type: 'audio',
-                            checkForInactiveTracks: true
+                            recorderType: StereoAudioRecorder,
+                            numberOfAudioChannels: 1,
+                            bitsPerSecond:256000,
+                            desiredSampRate: 16000
                        });
                        that.recorders.startRecording();
                        that.recordSending = true;
@ -203,63 +210,33 @@ export default {
                        }
                    }
                );
-                // HZRecorder.init.get(rec => {
-                //     if (typeof rec == 'object') {
-                //         this.recorders = rec;
-                //         this.recorders.start();
-                //         this.recordSending = true;
-                //     }
-                // });
            }
        },
        // 停止录制
        stopRecording() {
            const that = this;
            this.recorders.stopRecording(function(blobURL) {
-                const data = URL.createObjectURL(that.recorders.getBlob());
-                console.log('--------', data);
                clearInterval(that.inter);
                that.seconds = 0;
                const blob = that.recorders.getBlob();
                const fd = new FormData();
                fd.append('file', blob);
-                chatWithAudio(fd, that.$route.query.group).then((res)=>{
-                    this.recordSending = false;
-                    that.$message({
-                        showClose: true,
-                        message: '语音发送成功',
-                        type: 'success'
-                    });
-                }).catch(error => {
-                    // this.sending = false;
-                    that.recordSending = false;
-                    const message = JSON.parse(error.message);
-                    if (message.err_no == 3301) {
-                        that.$message({
-                            showClose: true,
-                            message: '音频质量有问题',
-                            type: 'error'
+                if (that.drawWay) {
+                    chatWithAudioNew(fd, that.group)
+                        .then((data) => {
+                        })
+                        .catch(error => {
+                            console.log(error);
                        });
-                    } else if (message.err_no == 3308) {
-                        that.$message({
-                            showClose: true,
-                            message: '音频过长,建议60s以下',
-                            type: 'error'
+                } else {
+                    chatWithAudio(fd, that.group)
+                        .then((data) => {
+                        })
+                        .catch(error => {
+                            console.log(error);
                        });
-                    } else if (message.err_no == 3314) {
-                        that.$message({
-                            showClose: true,
-                            message: '音频太短,建议重录',
-                            type: 'error'
-                        });
-                    } else {
-                        that.$message({
-                            showClose: true,
-                            message: '网络问题，请重试',
-                            type: 'error'
-                        });
-                    }
-                });
+                }
+
                if (that.microphone) {
                    that.microphone.stop();
                    that.microphone = null;
@ -267,57 +244,6 @@ export default {
                    that.recorders = null;
                }
            });
-            // this.sending = true;
-            // if (this.recorders) {
-            //     this.recorders.stop();
-            //     var fd = new FormData();
-            //     fd.append('file', this.recorders.getBlob());
-            //     chatWithAudio(fd, this.$route.query.group).then((res)=>{
-            //         this.recordSending = false;
-            //         this.$message({
-            //             showClose: true,
-            //             message: '语音发送成功',
-            //             type: 'success'
-            //         });
-            //     }).catch(error => {
-            //         // this.sending = false;
-            //         this.recordSending = false;
-            //         const message = JSON.parse(error.message);
-            //         if (message.err_no == 3301) {
-            //             this.$message({
-            //                 showClose: true,
-            //                 message: '音频质量有问题',
-            //                 type: 'error'
-            //             });
-            //         } else if (message.err_no == 3308) {
-            //             this.$message({
-            //                 showClose: true,
-            //                 message: '音频过长,建议60s以下',
-            //                 type: 'error'
-            //             });
-            //         } else if (message.err_no == 3314) {
-            //             this.$message({
-            //                 showClose: true,
-            //                 message: '音频太短,建议重录',
-            //                 type: 'error'
-            //             });
-            //         } else {
-            //             this.$message({
-            //                 showClose: true,
-            //                 message: '网络问题，请重试',
-            //                 type: 'error'
-            //             });
-            //         }
-            //     });
-            //     this.recorders = null;
-            // } else {
-            //     // this.sending = false;
-            //     this.$message({
-            //         showClose: true,
-            //         message: '音频太短,建议重录',
-            //         type: 'error'
-            //     });
-            // }
        },
        cancleRecording() {
            if (this.microphone) {
@ -330,7 +256,7 @@ export default {
            }
        },
        playAudio(nor) {
-            this.$refs.audio.src = nor.src;
+            this.$refs.audio.src = this.baseUrl + nor.src;
            this.$refs.audio.play();
        }
    }