joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
joylink_cuiweidong 2020-10-26 11:08:52 +08:00
commit f02775868c
49 changed files with 198 additions and 3406 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/jmapNew/config/skinCode/race_01.js
View File

@ -686,8 +686,8 @@ class SkinCode extends defaultStyle {
trainServerOffset: { x: 4, y: 4 }// 列车服务号偏移 trainServerOffset: { x: 4, y: 4 }// 列车服务号偏移
}, },
trainTarget: { trainTarget: {
tripNumberPrefix: '000', // 车次号前缀 tripNumberPrefix: '0000', // 车次号前缀
defaultTripNumber: 'DDD', // 默认车次号2 defaultTripNumber: 'BBBB', // 默认车次号2
trainTargetOffset: { x: 36, y: 4 }, // 列车车次号偏移 trainTargetOffset: { x: 36, y: 4 }, // 列车车次号偏移
trainTargetTextAlign: 'left'// 车次号文字显示位置 trainTargetTextAlign: 'left'// 车次号文字显示位置
}, },
@ -708,7 +708,7 @@ class SkinCode extends defaultStyle {
common: { common: {
trainHeight: 20, // 列车高度 trainHeight: 20, // 列车高度
trainHeadDistance: 4, // 列车和车头之间的间距 trainHeadDistance: 4, // 列车和车头之间的间距
trainWidth: 40, // 列车长度 trainWidth: 48, // 列车长度
trainTextFontSize: 12, // 列车字号 trainTextFontSize: 12, // 列车字号
fontFamily: 'consolas', // 默认字体 族类 fontFamily: 'consolas', // 默认字体 族类
haveTextHSDA: true, // 是否需创建textHSDA对象 haveTextHSDA: true, // 是否需创建textHSDA对象

1
src/jmapNew/map.js
View File

@ -256,6 +256,7 @@ class Jlmap {
} else { } else {
elem['points'] = { x: model.points[model.points.length - 1].x, y: model.points[model.points.length - 1].y }; elem['points'] = { x: model.points[model.points.length - 1].x, y: model.points[model.points.length - 1].y };
} }
console.log(elem, 'overAp');
} }
// const oDevice = this.mapDevice[code] || deviceFactory(type, elem, this.showConfig); // const oDevice = this.mapDevice[code] || deviceFactory(type, elem, this.showConfig);
const oDevice = deviceFactory(type, elem, this.showConfig); const oDevice = deviceFactory(type, elem, this.showConfig);

12
src/router/index_Common.js
View File

@ -27,7 +27,6 @@ const Jlmap3dOtherVR = () => import('@/views/jlmap3d/maintainer/jl3dothervr');
const DisplayNew = () => import('@/views/newMap/displayNew/index'); const DisplayNew = () => import('@/views/newMap/displayNew/index');
const DesignDisplayNew = () => import('@/views/newMap/displayNew/scriptDisplay/scriptPreview/index'); const DesignDisplayNew = () => import('@/views/newMap/displayNew/scriptDisplay/scriptPreview/index');
const TrainRoom = () => import('@/views/trainRoom/index');
const JointTrainingNew = () => import('@/views/newMap/jointTrainingNew/index'); const JointTrainingNew = () => import('@/views/newMap/jointTrainingNew/index');
const Errpr404 = () => import('@/views/error-page/404'); const Errpr404 = () => import('@/views/error-page/404');
@ -60,7 +59,6 @@ const Taskmanage = () => import('@/views/lesson/taskmanage/list');
const TrainingRuleList = () => import('@/views/lesson/trainingRule/list'); const TrainingRuleList = () => import('@/views/lesson/trainingRule/list');
const TrainingRuleEdit = () => import('@/views/lesson/trainingRule/detail/index'); const TrainingRuleEdit = () => import('@/views/lesson/trainingRule/detail/index');
const Trainingmanage = () => import('@/views/lesson/trainingmanage/index'); const Trainingmanage = () => import('@/views/lesson/trainingmanage/index');
const TrainingmanageOld = () => import('@/views/lesson/trainingmanage/oldMap');
const LessonEdit = () => import('@/views/lesson/lessoncategory/index'); const LessonEdit = () => import('@/views/lesson/lessoncategory/index');
const LessonHome = () => import('@/views/lesson/home'); const LessonHome = () => import('@/views/lesson/home');
const LessonDetail = () => import('@/views/lesson/details'); const LessonDetail = () => import('@/views/lesson/details');
@ -325,11 +323,6 @@ export const publicAsyncRoute = [
component: BigSplitScreen, component: BigSplitScreen,
hidden: true hidden: true
}, },
{ // 综合演练室
path: '/trainroom',
component: TrainRoom,
hidden: true
},
{ {
path: '/refereeJsxtDisplay', path: '/refereeJsxtDisplay',
component: RefereeDisplay, component: RefereeDisplay,
@ -461,11 +454,6 @@ export const asyncRouter = [
component: Trainingmanage, component: Trainingmanage,
hidden: true hidden: true
}, },
{// 老地图实训管理
path: 'lesson/TrainingmanageOld',
component: TrainingmanageOld,
hidden: true
},
{ // 创建课程 { // 创建课程
path: 'lesson/edit/:type', path: 'lesson/edit/:type',
component: LessonEdit, component: LessonEdit,

7
src/router/index_HEB.js
View File

@ -17,7 +17,6 @@ const Jlmap3dPassFlow = () => import('@/views/jlmap3d/passflow/jl3dpassflow');
const Jlmap3dTrain = () => import('@/views/jlmap3d/devicetrain/jl3ddevicetrain'); const Jlmap3dTrain = () => import('@/views/jlmap3d/devicetrain/jl3ddevicetrain');
const DisplayNew = () => import('@/views/newMap/displayNew/index'); const DisplayNew = () => import('@/views/newMap/displayNew/index');
const TrainRoom = () => import('@/views/trainRoom/index');
const JointTrainingNew = () => import('@/views/newMap/jointTrainingNew/index'); const JointTrainingNew = () => import('@/views/newMap/jointTrainingNew/index');
const Errpr404 = () => import('@/views/error-page/404'); const Errpr404 = () => import('@/views/error-page/404');
@ -209,12 +208,6 @@ export const publicAsyncRoute = [
component: DisplayNew, component: DisplayNew,
hidden: true hidden: true
}, },
{ // 综合演练室
path: '/trainroom',
component: TrainRoom,
hidden: true
},
{ {
path: '/jointTrainingNew', path: '/jointTrainingNew',
component: JointTrainingNew, component: JointTrainingNew,

4
src/utils/mapList.js
View File

@ -2,13 +2,13 @@ import { getSessionStorage } from '@/utils/auth';
import { listPublishMap, getMapListByProjectCode } from '@/api/jmap/map'; import { listPublishMap, getMapListByProjectCode } from '@/api/jmap/map';
import { ProjectCode } from '@/scripts/ProjectConfig'; import { ProjectCode } from '@/scripts/ProjectConfig';
export async function getMapListByProject(drawWay) { export async function getMapListByProject() {
const project = getSessionStorage('project'); const project = getSessionStorage('project');
let mapList = []; let mapList = [];
if (project.endsWith('xty') || project.endsWith('gzb')) { if (project.endsWith('xty') || project.endsWith('gzb')) {
mapList = await getMapListByProjectCode(ProjectCode[project]); mapList = await getMapListByProjectCode(ProjectCode[project]);
} else { } else {
mapList = await listPublishMap({ 'drawWay': drawWay }); mapList = await listPublishMap({ 'drawWay': true });
} }
return mapList; return mapList;
} }

12
src/views/demonstration/deomonList/index.vue
View File

@ -116,17 +116,9 @@ export default {
}, },
async handleJoinRoom(data) { async handleJoinRoom(data) {
try { try {
const rest = await getPublishMapInfo(data.map.id);
launchFullscreen(); launchFullscreen();
if (rest.data.drawWay) { const query = { lineCode: data.map.lineCode, mapId: data.map.id, group: data.group};
const query = { lineCode: data.map.lineCode, mapId: data.map.id, group: data.group}; this.$router.push({path:'/jointTrainingNew', query:query});
this.$router.push({path:'/jointTrainingNew', query:query});
} else {
await getjointTraining(data.group);
const query = { group: data.group, drawWay: rest.data.drawWay };
this.$router.push({ path: `/trainroom`, query: query });
}
} catch (e) { } catch (e) {
console.error(e); console.error(e);
} finally { } finally {

21
src/views/demonstration/deomonTopic/index.vue
View File

@ -76,24 +76,9 @@ export default {
try { try {
this.loading = true; this.loading = true;
const rest = await getPublishMapInfo(this.mapId); const rest = await getPublishMapInfo(this.mapId);
const drawWay = rest.data.drawWay; launchFullscreen();
if (drawWay) { const query = { lineCode: this.lineCode, mapId: this.mapId, group: this.group};
launchFullscreen(); this.$router.push({path: `/jointTrainingNew`, query: query});
const query = { lineCode: this.lineCode, mapId: this.mapId, group: this.group};
this.$router.push({path: `/jointTrainingNew`, query: query});
} else {
await getjointTraining(this.group);
if (this.state == '02') {
this.subscribe();
launchFullscreen();
const query = { lineCode: rest.data.lineCode, mapId: this.mapId, group: this.group, drawWay: drawWay };
await putJointTrainingSimulationEntrance(this.group);
this.$router.push({ path: `/jointTraining`, query: query });
} else if (this.state == '01') {
const query = { group: this.group, drawWay: drawWay };
this.$router.push({ path: `/trainroom`, query: query });
}
}
this.dialogShow = false; this.dialogShow = false;
} catch (e) { } catch (e) {
this.$messageBox(this.$t('tip.enterTrainingRoomFailed')); this.$messageBox(this.$t('tip.enterTrainingRoomFailed'));

89
src/views/demonstration/detail/index.vue
View File

@ -17,8 +17,6 @@
<el-button v-if="!isLocal" type="success" :disabled="disabled" @click="buy">{{ $t('global.buy') }}</el-button> <el-button v-if="!isLocal" type="success" :disabled="disabled" @click="buy">{{ $t('global.buy') }}</el-button>
<el-button v-if="hasPermssion && !isComprehensive && !isLocal" type="primary" :disabled="disabled" @click="distribute">{{ $t('global.distributePermission') }}</el-button> <el-button v-if="hasPermssion && !isComprehensive && !isLocal" type="primary" :disabled="disabled" @click="distribute">{{ $t('global.distributePermission') }}</el-button>
<el-button v-show="isStartDemon" :disabled="disabled" type="primary" @click="start">{{ $t('demonstration.startSimulation') }}</el-button> <el-button v-show="isStartDemon" :disabled="disabled" type="primary" @click="start">{{ $t('demonstration.startSimulation') }}</el-button>
<el-button v-show="isCreateRoom" :disabled="disabled" type="primary" @click="start">{{ $t('demonstration.createRoom') }}</el-button>
<el-button v-show="isInRoom" :disabled="disabled" type="primary" @click="joinRoom">{{ $t('demonstration.enterRoom') }}</el-button>
</div> </div>
</div> </div>
</template> </template>
@ -63,7 +61,6 @@ export default {
jointShow: false, jointShow: false,
jointGroup: '', jointGroup: '',
lineCode:'', lineCode:'',
drawWay: false, // 是否新版地图
loadingProjectList: ['login', 'design', 'xty', 'designxty', 'gzb', 'designxty', 'xadt', 'designxadt', 'drts', 'designdrts'] loadingProjectList: ['login', 'design', 'xty', 'designxty', 'gzb', 'designxty', 'xadt', 'designxadt', 'drts', 'designdrts']
}; };
}, },
@ -88,19 +85,13 @@ export default {
return this.courseModel.prdType === '03'; return this.courseModel.prdType === '03';
}, },
isStartDemon() { isStartDemon() {
return (this.hasPermssion || this.tryTime > 0) && !(this.courseModel.prdType === '03' && !this.drawWay); return (this.hasPermssion || this.tryTime > 0);
}, },
mapId() { mapId() {
return this.$route.query.mapId; return this.$route.query.mapId;
}, },
project() { project() {
return getSessionStorage('project'); return getSessionStorage('project');
},
isCreateRoom() {
return this.courseModel.prdType === '03' && this.hasPermssion && !this.jointShow && !this.drawWay;
},
isInRoom() {
return this.courseModel.prdType === '03' && this.hasPermssion && this.jointShow && !this.drawWay;
} }
}, },
watch: { watch: {
@ -130,7 +121,6 @@ export default {
const resp = await getSubSystemDetail(this.$route.params.subSystem); const resp = await getSubSystemDetail(this.$route.params.subSystem);
this.tryUser = 0; this.tryUser = 0;
this.loading = false; this.loading = false;
this.drawWay = res.data.drawWay;
const remarksList = { const remarksList = {
'01':'ATS现地工作站原理级仿真系统，实现车站值班员培训功能。', '01':'ATS现地工作站原理级仿真系统，实现车站值班员培训功能。',
'02':'ATS行调工作站原理级仿真系统，实现行车调度员培训功能。', '02':'ATS行调工作站原理级仿真系统，实现行车调度员培训功能。',
@ -151,9 +141,6 @@ export default {
PermissionType: PermissionType.SIMULATION PermissionType: PermissionType.SIMULATION
}; };
this.currentPrdType = resp.data.prdType; this.currentPrdType = resp.data.prdType;
if (resp.data.prdType === '03' && !this.drawWay) {
this.getJointTrainingList();
}
if (!this.courseModel.pmsList) { if (!this.courseModel.pmsList) {
this.tryUser = 1; this.tryUser = 1;
const paras = { const paras = {
@ -200,7 +187,7 @@ export default {
this.disabled = true; this.disabled = true;
await getjointTraining(this.jointGroup); await getjointTraining(this.jointGroup);
this.$store.dispatch('socket/setInRoom', true); this.$store.dispatch('socket/setInRoom', true);
const query = { lineCode: this.courseModel.lineCode, group: this.jointGroup, drawWay: this.drawWay}; const query = { lineCode: this.courseModel.lineCode, group: this.jointGroup};
this.$router.push({ path: `/trainroom`, query: query }); this.$router.push({ path: `/trainroom`, query: query });
}, },
async createRoom() { async createRoom() {
@ -212,7 +199,7 @@ export default {
}; };
const res = await postCreateRoom(param); const res = await postCreateRoom(param);
if (res && res.code == 200) { if (res && res.code == 200) {
const query = { lineCode: this.courseModel.lineCode, group: res.data, drawWay: this.drawWay }; const query = { lineCode: this.courseModel.lineCode, group: res.data };
this.$router.push({ path: `/trainroom`, query: query }); this.$router.push({ path: `/trainroom`, query: query });
} }
} catch (error) { } catch (error) {
@ -232,7 +219,7 @@ export default {
async enterIntegratedSimulation() { async enterIntegratedSimulation() {
const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType }; const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType };
createSimulationNew(data).then(resp => { createSimulationNew(data).then(resp => {
const query = { lineCode: this.courseModel.lineCode, group: resp.data, mapId: this.courseModel.mapId, drawWay: true }; const query = { lineCode: this.courseModel.lineCode, group: resp.data, mapId: this.courseModel.mapId};
if (this.loadingProjectList.includes(this.project)) { if (this.loadingProjectList.includes(this.project)) {
this.$store.dispatch('app/transitionAnimations'); this.$store.dispatch('app/transitionAnimations');
} }
@ -248,11 +235,7 @@ export default {
this.disabled = true; this.disabled = true;
const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType, lineCode: this.courseModel.lineCode }; const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType, lineCode: this.courseModel.lineCode };
let res = {}; let res = {};
if (!this.drawWay) { res = await createSimulationNew(data);
res = await simulationNotify(data);
} else {
res = await createSimulationNew(data);
}
if (res && res.code == 200) { if (res && res.code == 200) {
const query = { group: res.data, lineCode:this.courseModel.lineCode }; const query = { group: res.data, lineCode:this.courseModel.lineCode };
this.$router.push({ path: `/displayIscs/system`, query: query }); this.$router.push({ path: `/displayIscs/system`, query: query });
@ -278,8 +261,7 @@ export default {
if (this.courseModel.prdType == '05') { if (this.courseModel.prdType == '05') {
this.jumpScheduling(); this.jumpScheduling();
} else if (this.courseModel.prdType == '03') { } else if (this.courseModel.prdType == '03') {
this.drawWay && this.enterIntegratedSimulation(); this.enterIntegratedSimulation();
!this.drawWay && this.createRoom();
} else if (this.courseModel.prdType == '06') { } else if (this.courseModel.prdType == '06') {
this.enterISCS(); this.enterISCS();
} else if (this.courseModel.prdType == '07') { } else if (this.courseModel.prdType == '07') {
@ -293,22 +275,14 @@ export default {
setTimeout(() => { setTimeout(() => {
const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType }; const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType };
try { try {
if (this.drawWay) { createSimulationNew(data).then(resp => {
createSimulationNew(data).then(resp => { const query = { lineCode: this.courseModel.lineCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, goodsId: this.goodsId, try: this.tryUser };
const query = { lineCode: this.courseModel.lineCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, goodsId: this.goodsId, try: this.tryUser }; if (this.loadingProjectList.includes(this.project)) {
if (this.loadingProjectList.includes(this.project)) { this.$store.dispatch('app/transitionAnimations');
this.$store.dispatch('app/transitionAnimations'); }
} this.$router.push({ path: `${UrlConfig.displayNew}/demon`, query: query });
this.$router.push({ path: `${UrlConfig.displayNew}/demon`, query: query }); launchFullscreen();
launchFullscreen(); });
});
} else {
schedulingNotify(data).then(resp => {
const query = { lineCode: this.courseModel.lineCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, goodsId: this.goodsId, try: this.tryUser };
this.$router.push({ path: `${UrlConfig.display}/demon`, query: query });
launchFullscreen();
});
}
} catch (e) { } catch (e) {
this.$messageBox(this.$t('error.createSimulationFailed') + e.message); this.$messageBox(this.$t('error.createSimulationFailed') + e.message);
this.disabled = false; this.disabled = false;
@ -319,29 +293,18 @@ export default {
this.disabled = true; this.disabled = true;
setTimeout(() => { setTimeout(() => {
const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType }; const data = { mapId: this.courseModel.mapId, prdType: this.currentPrdType };
if (!this.drawWay) { createSimulationNew(data).then(resp => {
simulationNotify(data).then(resp => { const query = { lineCode: this.courseModel.lineCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, goodsId: this.goodsId, try: this.tryUser, project: this.project };
const query = { lineCode: this.courseModel.lineCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, goodsId: this.goodsId, try: this.tryUser, project: this.project }; this.$store.dispatch('training/setPrdType', this.currentPrdType); // 改变prdType
this.$router.push({ path: `${UrlConfig.display}/demon`, query: query }); if (this.loadingProjectList.includes(this.project)) {
launchFullscreen(); this.$store.dispatch('app/transitionAnimations');
}).catch(error => { }
this.$messageBox(this.$t('error.createSimulationFailed') + error.message); this.$router.push({ path: `${UrlConfig.displayNew}/demon`, query: query });
this.disabled = false; launchFullscreen();
}); }).catch(error => {
} else { this.$messageBox(this.$t('error.createSimulationFailed') + error.message);
createSimulationNew(data).then(resp => { this.disabled = false;
const query = { lineCode: this.courseModel.lineCode, group: resp.data, prdType: this.courseModel.prdType, mapId: this.courseModel.mapId, goodsId: this.goodsId, try: this.tryUser, project: this.project }; });
this.$store.dispatch('training/setPrdType', this.currentPrdType); // 改变prdType
if (this.loadingProjectList.includes(this.project)) {
this.$store.dispatch('app/transitionAnimations');
}
this.$router.push({ path: `${UrlConfig.displayNew}/demon`, query: query });
launchFullscreen();
}).catch(error => {
this.$messageBox(this.$t('error.createSimulationFailed') + error.message);
this.disabled = false;
});
}
}, 100); }, 100);
}, },
buy() { buy() {

9
src/views/designPlatform/demonList.vue
View File

@ -93,18 +93,18 @@ export default {
switch (obj.type) { switch (obj.type) {
case 'scriptDesign': { case 'scriptDesign': {
setSessionStorage('designType', 'scriptDesign'); setSessionStorage('designType', 'scriptDesign');
const query = {lineCode:obj.lineCode, drawWay:obj.drawWay}; const query = {lineCode:obj.lineCode};
this.$router.push({ path: `${UrlConfig.design.scriptHome}/${obj.mapId}?`, query}); this.$router.push({ path: `${UrlConfig.design.scriptHome}/${obj.mapId}?`, query});
break; break;
} }
case 'lessonDesign': { case 'lessonDesign': {
setSessionStorage('designType', 'lessonDesign'); setSessionStorage('designType', 'lessonDesign');
this.$router.push({ path: `${UrlConfig.design.lessonHome}/${obj.mapId}?lineCode=${obj.lineCode}&cityCode=${obj.cityCode}&drawWay=${data.parent.data.drawWay}` }); this.$router.push({ path: `${UrlConfig.design.lessonHome}/${obj.mapId}?lineCode=${obj.lineCode}&cityCode=${obj.cityCode}` });
break; break;
} }
case 'runPlanDesign': { case 'runPlanDesign': {
setSessionStorage('designType', 'runPlanDesign'); setSessionStorage('designType', 'runPlanDesign');
this.$router.push({ path: `${UrlConfig.design.runPlan}/${obj.mapId}?lineCode=${obj.lineCode}&drawWay=${obj.drawWay}` }); this.$router.push({ path: `${UrlConfig.design.runPlan}/${obj.mapId}?lineCode=${obj.lineCode}` });
break; break;
} }
case 'map': { case 'map': {
@ -152,7 +152,6 @@ export default {
type: 'mapPreview', type: 'mapPreview',
mapId: elem.id, mapId: elem.id,
cityCode: elem.cityCode, cityCode: elem.cityCode,
drawWay: elem.drawWay
} }
]; ];
this.isAdministrator() ? elem.children.push({id: '2', name: this.$t('designPlatform.lessonDesign'), type: 'lessonDesign', mapId: elem.id, cityCode: elem.cityCode, lineCode: elem.lineCode}) : ''; this.isAdministrator() ? elem.children.push({id: '2', name: this.$t('designPlatform.lessonDesign'), type: 'lessonDesign', mapId: elem.id, cityCode: elem.cityCode, lineCode: elem.lineCode}) : '';
@ -164,7 +163,6 @@ export default {
mapId: elem.id, mapId: elem.id,
cityCode: elem.cityCode, cityCode: elem.cityCode,
lineCode: elem.lineCode, lineCode: elem.lineCode,
drawWay: elem.drawWay
// code:elem.children.find(n => { return n.name.includes("行调")}) // code:elem.children.find(n => { return n.name.includes("行调")})
}); });
elem.children.push( elem.children.push(
@ -175,7 +173,6 @@ export default {
mapId: elem.id, mapId: elem.id,
lineCode: elem.lineCode, lineCode: elem.lineCode,
cityCode: elem.cityCode, cityCode: elem.cityCode,
drawWay: elem.drawWay
} }
); );
if (process.env.VUE_APP_PRO !== 'local') { if (process.env.VUE_APP_PRO !== 'local') {

88
src/views/exam/detail/examDetail.vue
View File

@ -85,7 +85,6 @@ export default {
typeList: [], typeList: [],
examList: [], examList: [],
trainingOperateTypeMap: {}, trainingOperateTypeMap: {},
drawWay: false,
lineCode: '', // 线路对应的皮肤 lineCode: '', // 线路对应的皮肤
loadingProjectList: ['login', 'design', 'xty', 'designxty', 'gzb', 'designxty', 'xadt', 'designxadt', 'drts', 'designdrts'] loadingProjectList: ['login', 'design', 'xty', 'designxty', 'gzb', 'designxty', 'xadt', 'designxadt', 'drts', 'designdrts']
}; };
@ -108,75 +107,17 @@ export default {
}, },
methods: { methods: {
async getList() { async getList() {
if (this.drawWay) { this.typeList = [];
this.typeList = []; for (const val in ConstConfig.ConstSelect.trainingDeviceType) {
for (const val in ConstConfig.ConstSelect.trainingDeviceType) { this.typeList.push({name: LangStorage.getLang() == 'en' ? ConstConfig.ConstSelect.trainingDeviceType[val].enlabel : ConstConfig.ConstSelect.trainingDeviceType[val].label, code: val});
this.typeList.push({name: LangStorage.getLang() == 'en' ? ConstConfig.ConstSelect.trainingDeviceType[val].enlabel : ConstConfig.ConstSelect.trainingDeviceType[val].label, code: val});
}
this.trainingOperateTypeMap = getTrainingOperateTypeMap();
} else {
this.trainingOperateTypeMap = {};
this.$Dictionary.stationControl().then(list => {
this.trainingOperateTypeMap['01'] = list; // 控制权实训
});
this.$Dictionary.signalOperation().then(list => {
this.trainingOperateTypeMap['02'] = list; // 信号机实训
});
this.$Dictionary.switchOperation().then(list => {
this.trainingOperateTypeMap['03'] = list; // 道岔实训
});
this.$Dictionary.sectionOperation().then(list => {
this.trainingOperateTypeMap['04'] = list; // 区段实训
});
this.$Dictionary.stationStandOperation().then(list => {
this.trainingOperateTypeMap['05'] = list; // 站台实训
});
this.$Dictionary.trainPlanOperation().then(list => {
this.trainingOperateTypeMap['06'] = list; // 行车计划实训
});
this.$Dictionary.trainOperation().then(list => {
this.trainingOperateTypeMap['07'] = list; // 列车实训
});
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;
}
});
}
} }
this.trainingOperateTypeMap = getTrainingOperateTypeMap();
}, },
async loadInitPage(examId) { async loadInitPage(examId) {
if (examId) { if (examId) {
try { try {
const response = await getPublishMapInfo(this.$route.query.mapId); const response = await getPublishMapInfo(this.$route.query.mapId);
if (response.data) { if (response.data) {
this.drawWay = response.data.drawWay;
this.lineCode = response.data.lineCode; this.lineCode = response.data.lineCode;
this.typeList = []; this.typeList = [];
await this.getList(); await this.getList();
@ -246,26 +187,7 @@ export default {
async exmaStart() { async exmaStart() {
this.disabled = true; this.disabled = true;
await this.examDetail(); await this.examDetail();
if (this.examList.length && !this.drawWay) { if (this.examList.length) {
examNotify({ examId: this.$route.params.examId }).then(resp => {
const query = {
group: resp.data,
trainingId: this.examList[0].trainingId,
userExamId: this.userExam.id,
examQuestionId: this.examList[0].id,
subSystem: this.$route.query.subSystem,
examId: this.$route.params.examId,
mapId: this.$route.query.mapId,
lineCode: this.lineCode,
noPreLogout: this.$route.query.noPreLogout
};
this.$router.push({ path: `${UrlConfig.display}/exam`, query: query });
launchFullscreen();
}).catch(error => {
this.disabled = false;
this.$messageBox( this.$t('error.createSimulationFailed') + `: ${error.message}`);
});
} else if (this.examList.length && this.drawWay) {
examNotifyNew({ examId: this.$route.params.examId }).then(resp => { examNotifyNew({ examId: this.$route.params.examId }).then(resp => {
const query = { const query = {
group: resp.data, group: resp.data,

3
src/views/ibp/ibpsystem/index.vue
View File

@ -66,9 +66,6 @@ export default {
]), ]),
ibpId() { ibpId() {
return ['ibp', (Math.random().toFixed(5)) * 100000].join('_'); return ['ibp', (Math.random().toFixed(5)) * 100000].join('_');
},
drawWay() {
return this.$route.query.drawWay + '';
} }
}, },
watch: { watch: {

4
src/views/iscs/iscsDesign/mapmanage/create.vue
View File

@ -130,10 +130,8 @@ export default {
getLineCodeList().then(response => { getLineCodeList().then(response => {
this.lineCodeList = response.data; this.lineCodeList = response.data;
}); });
// 新地图 // 新地图
const drawWay = true; getMapListByProject().then(response => {
getMapListByProject(drawWay).then(response => {
this.publishMapList = response.data; this.publishMapList = response.data;
}).catch(() => { }).catch(() => {
this.$messageBox(this.$t('map.failedLoadListPublishedMaps')); this.$messageBox(this.$t('map.failedLoadListPublishedMaps'));

19
src/views/iscsSystem/index.vue
View File

@ -67,9 +67,6 @@ export default {
iscsId() { iscsId() {
return ['iscs', (Math.random().toFixed(5)) * 100000].join('_'); return ['iscs', (Math.random().toFixed(5)) * 100000].join('_');
}, },
drawWay() {
return this.$route.query.drawWay + '';
},
width() { width() {
return this.$store.state.config.width; return this.$store.state.config.width;
}, },
@ -262,17 +259,11 @@ export default {
back() { back() {
this.group = this.$route.query.group; this.group = this.$route.query.group;
this.$store.dispatch('training/over').then(() => { this.$store.dispatch('training/over').then(() => {
if (this.drawWay === 'true') { putJointTrainingSimulationUserNew(this.group).then(() => {
putJointTrainingSimulationUserNew(this.group).then(() => { this.$router.replace({ path: `/trainroom`, query: { group: this.group, lineCode:this.$route.query.lineCode } });
this.$router.replace({ path: `/trainroom`, query: { group: this.group, lineCode:this.$route.query.lineCode, drawWay: this.drawWay } }); exitFullscreen();
exitFullscreen(); });
});
} else {
putJointTrainingSimulationUser(this.group).then(() => {
this.$router.replace({ path: `/trainroom`, query: { group: this.group, lineCode:this.$route.query.lineCode } });
exitFullscreen();
});
}
}); });
}, },
iscsDestroy() { iscsDestroy() {

4
src/views/jlmap3d/drive/drivecontrol/centerpane.vue
View File

@ -35,10 +35,6 @@
}, },
props: { props: {
drawWay: {
type: String,
default: 'false'
},
groupNum: { groupNum: {
type: String, type: String,
default: null default: null

3
src/views/jlmap3d/drive/drivecontrol/drivecontrol.vue
View File

@ -16,7 +16,7 @@
</el-select> </el-select>
</div> </div>
<Centerc-Pane ref="centercontrol" :draw-way="drawWay" :group-num="groupnum" :user-role="userrole" /> <Centerc-Pane ref="centercontrol" :group-num="groupnum" :user-role="userrole" />
<!-- <Left-Pane ref="leftcontrol" /> --> <!-- <Left-Pane ref="leftcontrol" /> -->
@ -87,7 +87,6 @@ import axios from 'axios';
trainlist:null, trainlist:null,
groupnum:"", groupnum:"",
userrole:'', userrole:'',
drawWay:'',
nowdrive:null, nowdrive:null,
tuoguanbutton:false, tuoguanbutton:false,

6
src/views/lesson/details.vue
View File

@ -86,13 +86,13 @@ export default {
return data.name.indexOf(value) !== -1; return data.name.indexOf(value) !== -1;
}, },
editLesson() { editLesson() {
this.$router.push( {path: `/design/lesson/details/edit/lessonEdit`, query: {id: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId, drawWay: this.$route.query.drawWay, lineCode:this.$route.query.lineCode}} ); this.$router.push( {path: `/design/lesson/details/edit/lessonEdit`, query: {id: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId, lineCode:this.$route.query.lineCode}} );
}, },
createChapte(node) { createChapte(node) {
this.$router.push({path: `/design/lesson/details/edit/chapterCreate`, query: {id: node.data.id, type:node.data.type, lessonId: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId, drawWay: this.$route.query.drawWay, lineCode:this.$route.query.lineCode}}); this.$router.push({path: `/design/lesson/details/edit/chapterCreate`, query: {id: node.data.id, type:node.data.type, lessonId: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId, lineCode:this.$route.query.lineCode}});
}, },
updateChapte(node) { updateChapte(node) {
this.$router.push( {path: `/design/lesson/details/edit/chapterEdit`, query: {id: node.data.id, type:node.data.type, lessonId: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId, drawWay: this.$route.query.drawWay, lineCode:this.$route.query.lineCode}}); this.$router.push( {path: `/design/lesson/details/edit/chapterEdit`, query: {id: node.data.id, type:node.data.type, lessonId: this.lessonId, cityCode: this.$route.query.cityCode, mapId: this.$route.query.mapId, lineCode:this.$route.query.lineCode}});
}, },
showContextMenu(e, obj, node, vueElem) { showContextMenu(e, obj, node, vueElem) {
if (obj && obj.type === 'Lesson' || obj.type === 'Chapter') { if (obj && obj.type === 'Lesson' || obj.type === 'Chapter') {

12
src/views/lesson/home.vue
View File

@ -175,7 +175,7 @@ export default {
this.$refs.queryListPage.refresh(true); this.$refs.queryListPage.refresh(true);
}, },
lessonCreate() { lessonCreate() {
this.$router.push({ path: `${UrlConfig.design.lessonEdit}/lessonCreate`, query: {mapId: this.$route.params.mapId, cityCode: this.$route.query.cityCode, drawWay: this.$route.query.drawWay, lineCode: this.$route.query.lineCode} }); this.$router.push({ path: `${UrlConfig.design.lessonEdit}/lessonCreate`, query: {mapId: this.$route.params.mapId, cityCode: this.$route.query.cityCode, lineCode: this.$route.query.lineCode} });
}, },
lessonCreateByPublish() { lessonCreateByPublish() {
this.$nextTick(() => { this.$nextTick(() => {
@ -204,14 +204,10 @@ export default {
this.$router.push({path: `${UrlConfig.design.taskManage}`, query: {mapId: this.$route.params.mapId}}); this.$router.push({path: `${UrlConfig.design.taskManage}`, query: {mapId: this.$route.params.mapId}});
}, },
trainingManage() { trainingManage() {
if (this.$route.query.drawWay + '' === 'true') { this.$router.push({path: `${UrlConfig.design.trainingManage}`, query: {mapId: this.$route.params.mapId, lineCode: this.$route.query.lineCode}});
this.$router.push({path: `${UrlConfig.design.trainingManage}`, query: {mapId: this.$route.params.mapId, drawWay: this.$route.query.drawWay, lineCode: this.$route.query.lineCode}});
} else {
this.$router.push({path: `${UrlConfig.design.trainingManageOld}`, query: {mapId: this.$route.params.mapId, drawWay: this.$route.query.drawWay, lineCode: this.$route.query.lineCode}});
}
}, },
operationManage() { operationManage() {
this.$router.push({path: `${UrlConfig.design.trainingRule}`, query: {mapId: this.$route.params.mapId, lineCode: this.$route.query.lineCode, drawWay: this.$route.query.drawWay}}); this.$router.push({path: `${UrlConfig.design.trainingRule}`, query: {mapId: this.$route.params.mapId, lineCode: this.$route.query.lineCode}});
}, },
revertLesson(index, row) { revertLesson(index, row) {
this.$confirm(this.$t('tip.cancelCoursePublicationHint'), this.$t('global.tips'), { this.$confirm(this.$t('tip.cancelCoursePublicationHint'), this.$t('global.tips'), {
@ -234,7 +230,7 @@ export default {
this.$refs.lessonDetail.show(row.id); this.$refs.lessonDetail.show(row.id);
}, },
goDetail(index, row) { goDetail(index, row) {
this.$router.push({path: `/design/lesson/details`, query: {lessonId: row.id, lineCode: this.$route.query.lineCode, cityCode: this.$route.query.cityCode, mapId: this.$route.params.mapId, drawWay: this.$route.query.drawWay}}); this.$router.push({path: `/design/lesson/details`, query: {lessonId: row.id, lineCode: this.$route.query.lineCode, cityCode: this.$route.query.cityCode, mapId: this.$route.params.mapId}});
} }
} }
}; };

2
src/views/lesson/lessoncategory/edit/chapter/index.vue
View File

@ -217,7 +217,7 @@ export default {
}); });
}, },
back() { back() {
this.$router.push({ path: `${UrlConfig.design.lessonHome}/${this.$route.query.mapId}`, query: {cityCode: this.$route.query.cityCode, drawWay: this.$route.query.drawWay, lineCode: this.$route.query.lineCode} }); this.$router.push({ path: `${UrlConfig.design.lessonHome}/${this.$route.query.mapId}`, query: {cityCode: this.$route.query.cityCode, lineCode: this.$route.query.lineCode} });
} }
} }
}; };

131
src/views/lesson/lessoncategory/edit/chapter/list.vue
View File

@ -158,11 +158,7 @@ export default {
params['mapId'] = this.detail.mapId; params['mapId'] = this.detail.mapId;
params['prdType'] = this.detail.prdType; params['prdType'] = this.detail.prdType;
let res = ''; let res = '';
if ((this.$route.query.drawWay + '') === 'true') { res = await pageQueryTrainingNew(params);
res = await pageQueryTrainingNew(params);
} else {
res = await pageQueryTraining(params);
}
res.data.list.forEach(item => { res.data.list.forEach(item => {
item.isShow = false; item.isShow = false;
this.trainings.forEach(ele => { this.trainings.forEach(ele => {
@ -179,103 +175,40 @@ export default {
getPublishMapListOnline().then(response => { getPublishMapListOnline().then(response => {
this.mapIdList = response.data; this.mapIdList = response.data;
}); });
if (this.$route.query.drawWay + '' === 'true') { this.trainingOperateTypeMap = getTrainingOperateTypeMap();
this.trainingOperateTypeMap = getTrainingOperateTypeMap(); const lineCode = this.$route.query.lineCode;
const lineCode = this.$route.query.lineCode; const res = await getCmdList(lineCode, {});
const res = await getCmdList(lineCode, {}); const trainingOperateList = [];
const trainingOperateList = []; const trainingOperateConfigList = [];
const trainingOperateConfigList = []; const operateTypeMap = {
const operateTypeMap = { Switch: [],
Switch: [], Section: [],
Section: [], Signal: [],
Signal: [], Stand: [],
Stand: [], Station: [],
Station: [], ControlConvertMenu: [],
ControlConvertMenu: [], TrainWindow: [],
TrainWindow: [], LimitControl: [],
LimitControl: [], Driver: []
Driver: [] };
}; if (res && res.code === 200) {
if (res && res.code === 200) { res.data.forEach(item => {
res.data.forEach(item => { (this.trainingOperateTypeMap[item.operateObject] || []).forEach(ele => {
(this.trainingOperateTypeMap[item.operateObject] || []).forEach(ele => { if (ele.value == item.operate && !operateTypeMap[item.operateObject].includes(ele)) {
if (ele.value == item.operate && !operateTypeMap[item.operateObject].includes(ele)) { operateTypeMap[item.operateObject].push(ele);
operateTypeMap[item.operateObject].push(ele);
}
});
if (!trainingOperateList.includes(item.operateObject)) {
trainingOperateList.push(item.operateObject);
const objectLabel = ConstConfig.ConstSelect.trainingDeviceType[item.operateObject] || {};
trainingOperateConfigList.push({value: item.operateObject, label: Cookies.get('user_lang') == 'en' ? objectLabel.enlabel : objectLabel.label});
} }
}); });
this.queryForm.queryObject.type.config.data = trainingOperateConfigList; if (!trainingOperateList.includes(item.operateObject)) {
this.trainingTypeList = trainingOperateConfigList; trainingOperateList.push(item.operateObject);
this.trainingOperateTypeMap = operateTypeMap; const objectLabel = ConstConfig.ConstSelect.trainingDeviceType[item.operateObject] || {};
} else { trainingOperateConfigList.push({value: item.operateObject, label: Cookies.get('user_lang') == 'en' ? objectLabel.enlabel : objectLabel.label});
this.$message.error(this.$t('error.failedToObtainTrainingType')); }
} });
this.queryForm.queryObject.type.config.data = trainingOperateConfigList;
this.trainingTypeList = trainingOperateConfigList;
this.trainingOperateTypeMap = operateTypeMap;
} else { } else {
this.trainingOperateTypeMap = {}; this.$message.error(this.$t('error.failedToObtainTrainingType'));
this.$Dictionary.stationControl().then(list => {
this.trainingOperateTypeMap['01'] = []; // 控制权实训
list.forEach(item => {
this.trainingOperateTypeMap['01'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.signalOperation().then(list => {
this.trainingOperateTypeMap['02'] = []; // 信号机实训
list.forEach(item => {
this.trainingOperateTypeMap['02'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.switchOperation().then(list => {
this.trainingOperateTypeMap['03'] = []; // 道岔实训
list.forEach(item => {
this.trainingOperateTypeMap['03'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.sectionOperation().then(list => {
this.trainingOperateTypeMap['04'] = []; // 区段实训
list.forEach(item => {
this.trainingOperateTypeMap['04'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.stationStandOperation().then(list => {
this.trainingOperateTypeMap['05'] = []; // 站台实训
list.forEach(item => {
this.trainingOperateTypeMap['05'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.trainPlanOperation().then(list => {
this.trainingOperateTypeMap['06'] = []; // 行车计划实训
list.forEach(item => {
this.trainingOperateTypeMap['06'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.trainOperation().then(list => {
this.trainingOperateTypeMap['07'] = []; // 列车实训
list.forEach(item => {
this.trainingOperateTypeMap['07'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.limitOperation().then(list => {
this.trainingOperateTypeMap['08'] = []; // 限速实训
list.forEach(item => {
this.trainingOperateTypeMap['08'].push({value: item.code, label: item.name});
});
});
// 获取实训类型
this.trainingTypeList = [];
this.$Dictionary.trainingType().then(list => {
this.trainingTypeList = list;
list.forEach(elem => {
this.queryForm.queryObject.type.config.data.push({
value: elem.code,
label: elem.name
});
});
});
} }
const json = localStore.get(this.$route.path); const json = localStore.get(this.$route.path);
if (json && json.type) { if (json && json.type) {

2
src/views/lesson/lessoncategory/edit/lesson/index.vue
View File

@ -189,7 +189,7 @@ export default {
} }
}, },
back() { back() {
this.$router.push({ path: `${UrlConfig.design.lessonHome}/${this.$route.query.mapId}`, query: {cityCode: this.$route.query.cityCode, lineCode: this.$route.query.lineCode, drawWay: this.$route.query.drawWay} }); this.$router.push({ path: `${UrlConfig.design.lessonHome}/${this.$route.query.mapId}`, query: {cityCode: this.$route.query.cityCode, lineCode: this.$route.query.lineCode} });
} }
} }
}; };

76
src/views/lesson/trainingRule/list.vue
View File

@ -160,77 +160,13 @@ export default {
}, },
methods: { methods: {
init() { init() {
if (this.$route.query.drawWay + '' === 'true') { this.trainingOperateTypeMap = getTrainingOperateTypeMap();
this.trainingOperateTypeMap = getTrainingOperateTypeMap(); let val;
let val; const trainingDeviceTypeList = ConstConfig.ConstSelect.trainingDeviceType || {};
const trainingDeviceTypeList = ConstConfig.ConstSelect.trainingDeviceType || {}; for (val in trainingDeviceTypeList) {
for (val in trainingDeviceTypeList) { this.trainingTypeList.push({code: val, name: Cookies.get('user_lang') == 'en' ? trainingDeviceTypeList[val].enlabel : trainingDeviceTypeList[val].label});
this.trainingTypeList.push({code: val, name: Cookies.get('user_lang') == 'en' ? trainingDeviceTypeList[val].enlabel : trainingDeviceTypeList[val].label}); this.queryForm.queryObject.trainingType.config.data.push({value: val, label: Cookies.get('user_lang') == 'en' ? trainingDeviceTypeList[val].enlabel : trainingDeviceTypeList[val].label});
this.queryForm.queryObject.trainingType.config.data.push({value: val, label: Cookies.get('user_lang') == 'en' ? trainingDeviceTypeList[val].enlabel : trainingDeviceTypeList[val].label});
}
} else {
this.trainingOperateTypeMap = {};
this.$Dictionary.stationControl().then(list => {
this.trainingOperateTypeMap['01'] = []; // 控制权实训
list.forEach(item => {
this.trainingOperateTypeMap['01'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.signalOperation().then(list => {
this.trainingOperateTypeMap['02'] = []; // 信号机实训
list.forEach(item => {
this.trainingOperateTypeMap['02'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.switchOperation().then(list => {
this.trainingOperateTypeMap['03'] = []; // 道岔实训
list.forEach(item => {
this.trainingOperateTypeMap['03'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.sectionOperation().then(list => {
this.trainingOperateTypeMap['04'] = []; // 区段实训
list.forEach(item => {
this.trainingOperateTypeMap['04'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.stationStandOperation().then(list => {
this.trainingOperateTypeMap['05'] = []; // 站台实训
list.forEach(item => {
this.trainingOperateTypeMap['05'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.trainPlanOperation().then(list => {
this.trainingOperateTypeMap['06'] = []; // 行车计划实训
list.forEach(item => {
this.trainingOperateTypeMap['06'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.trainOperation().then(list => {
this.trainingOperateTypeMap['07'] = []; // 列车实训
list.forEach(item => {
this.trainingOperateTypeMap['07'].push({value: item.code, label: item.name});
});
});
this.$Dictionary.limitOperation().then(list => {
this.trainingOperateTypeMap['08'] = []; // 限速实训
list.forEach(item => {
this.trainingOperateTypeMap['08'].push({value: item.code, label: item.name});
});
});
// 获取实训类型
this.trainingTypeList = [];
this.$Dictionary.trainingType().then(list => {
this.trainingTypeList = list;
list.forEach(elem => {
this.queryForm.queryObject.trainingType.config.data.push({
value: elem.code,
label: elem.name
});
});
});
} }
this.placeholderMap = {}; this.placeholderMap = {};
getPlaceholderList({ trainingType: '' }).then(res => { getPlaceholderList({ trainingType: '' }).then(res => {
res.data.forEach(item => { res.data.forEach(item => {

15
src/views/lesson/trainingmanage/draft.vue
View File

@ -270,17 +270,10 @@ export default {
let updateAutoTrainingFunction = ''; let updateAutoTrainingFunction = '';
let deleteAutoTrainingFunction = ''; let deleteAutoTrainingFunction = '';
let addTrainingFunction = ''; let addTrainingFunction = '';
if ((this.$route.query.drawWay + '') === 'true') { addAutoTrainingFunction = addAutoTrainingNew;
addAutoTrainingFunction = addAutoTrainingNew; updateAutoTrainingFunction = updateAutoTrainingNew;
updateAutoTrainingFunction = updateAutoTrainingNew; deleteAutoTrainingFunction = deleteAutoTrainingNew;
deleteAutoTrainingFunction = deleteAutoTrainingNew; addTrainingFunction = addTrainingNew;
addTrainingFunction = addTrainingNew;
} else {
addAutoTrainingFunction = addAutoTraining;
updateAutoTrainingFunction = updateAutoTraining;
deleteAutoTrainingFunction = deleteAutoTraining;
addTrainingFunction = addTraining;
}
this.$refs.form.validate((valid) => { this.$refs.form.validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;

65
src/views/lesson/trainingmanage/index.vue
View File

@ -148,9 +148,6 @@ export default {
? productTypeList.map(elem => { return { value: elem.value, label: elem.enlabel }; }) ? productTypeList.map(elem => { return { value: elem.value, label: elem.enlabel }; })
: productTypeList.map(elem => { return { value: elem.value, label: elem.label }; }); : productTypeList.map(elem => { return { value: elem.value, label: elem.label }; });
}, },
drawWay() {
return this.$route.query.drawWay + '';
},
project() { project() {
return getSessionStorage('project'); return getSessionStorage('project');
} }
@ -304,29 +301,17 @@ export default {
// this.$refs.draftTrain.show({ event: '03', title: this.$t('lesson.deleteAutoGeneratedTraining') }); // this.$refs.draftTrain.show({ event: '03', title: this.$t('lesson.deleteAutoGeneratedTraining') });
// }, // },
demoDisplay(index, node) { demoDisplay(index, node) {
if (this.drawWay === 'true') { trainingNotifyNew({ trainingId: node.id }).then(resp => {
trainingNotifyNew({ trainingId: node.id }).then(resp => { /** 区分演示和正式，需要在演示时设置lessonId为0*/
/** 区分演示和正式，需要在演示时设置lessonId为0*/ if (this.loadingProjectList.includes(this.project)) {
if (this.loadingProjectList.includes(this.project)) { this.$store.dispatch('app/transitionAnimations');
this.$store.dispatch('app/transitionAnimations'); }
} const query = { group: resp.data, trainingId: node.id, lessonId: 0, mapId: this.$route.query.mapId, lineCode: this.$route.query.lineCode };
const query = { group: resp.data, trainingId: node.id, lessonId: 0, mapId: this.$route.query.mapId, lineCode: this.$route.query.lineCode }; this.$router.push({ path: `${UrlConfig.displayNew}/manage`, query: query });
this.$router.push({ path: `${UrlConfig.displayNew}/manage`, query: query }); launchFullscreen();
launchFullscreen(); }).catch(error => {
}).catch(error => { this.$messageBox(this.$t('error.createSimulationFailed') + error.message);
this.$messageBox(this.$t('error.createSimulationFailed') + error.message); });
});
} else {
trainingNotify({ trainingId: node.id }).then(resp => {
/** 区分演示和正式，需要在演示时设置lessonId为0*/
const query = { group: resp.data, trainingId: node.id, lessonId: 0, mapId: this.$route.query.mapId };
this.$router.push({ path: `${UrlConfig.display}/manage`, query: query });
launchFullscreen();
}).catch(error => {
this.$messageBox(this.$t('error.createSimulationFailed') + error.message);
});
}
}, },
reloadTable() { reloadTable() {
this.queryList.reload(); this.queryList.reload();
@ -335,30 +320,16 @@ export default {
this.$router.go(-1); this.$router.go(-1);
}, },
trainingRecord(index, node) { trainingRecord(index, node) {
if (this.drawWay === 'true') { trainingNotifyNew({ trainingId: node.id }).then(resp => {
trainingNotifyNew({ trainingId: node.id }).then(resp => { this.group = resp.data;
this.group = resp.data; this.$router.push({ path: `${UrlConfig.design.trainingRecord}/${node.id}/${node.name}`, query: { group: resp.data } });
this.$router.push({ path: `${UrlConfig.design.trainingRecord}/${node.id}/${node.name}`, query: { group: resp.data } }); }).catch(error => {
}).catch(error => { this.$messageBox(`${this.$t('error.createSimulationFailed')}: ${error.message}`);
this.$messageBox(`${this.$t('error.createSimulationFailed')}: ${error.message}`); });
});
} else {
trainingNotify({ trainingId: node.id }).then(resp => {
this.group = resp.data;
this.$router.push({ path: `${UrlConfig.design.trainingRecord}/${node.id}/${node.name}`, query: { group: resp.data } });
}).catch(error => {
this.$messageBox(`${this.$t('error.createSimulationFailed')}: ${error.message}`);
});
}
}, },
queryFunction(params) { queryFunction(params) {
params['mapId'] = this.$route.query.mapId; params['mapId'] = this.$route.query.mapId;
if (this.drawWay === 'true') { return pageQueryTrainingNew(params);
return pageQueryTrainingNew(params);
} else {
return pageQueryTraining(params);
}
} }
} }
}; };

381
src/views/lesson/trainingmanage/oldMap.vue
View File

@ -1,381 +0,0 @@
<template>
<div style="height: 100%; overflow-y: auto;">
<QueryListPage ref="queryListPage" :pager-config="pagerConfig" :query-form="queryForm" :query-list="queryList" style="width: 98%;margin-left:1%;margin-top:20px;" />
<!-- <training-draft
ref="draftTrain"
:map-id-list="mapIdList"
:training-type-list="trainingTypeList"
:training-operate-type-map="trainingOperateTypeMap"
@refresh="reloadTable"
/> -->
<div class="draft">
<el-button-group>
<el-button type="primary" @click="turnback">{{ $t('global.back') }}</el-button>
</el-button-group>
</div>
</div>
</template>
<script>
import ConstConfig from '@/scripts/ConstConfig';
import Cookies from 'js-cookie';
import { pageQueryTraining, pageQueryTrainingNew, createAllTrainingList } from '@/api/jmap/training';
import { trainingNotify, trainingNotifyNew } from '@/api/simulation';
import { launchFullscreen } from '@/utils/screen';
import { getPublishMapListOnline } from '@/api/jmap/map';
import { getOperateTrainingList } from '@/api/management/operation';
import { UrlConfig } from '@/scripts/ConstDic';
// import TrainingDraft from './draft';
import localStore from 'storejs';
export default {
name: 'TrainingGeneration',
components: {
// TrainingDraft
},
data() {
return {
mapIdList: [],
trainingTypeList: [],
trainingOperateTypeMap: {},
trainingTypeMap: {},
pagerConfig: {
pageSize: 'pageSize',
pageIndex: 'pageNum'
},
queryForm: {
labelWidth: '120px',
queryObject: {
prdType: {
type: 'select',
label: this.$t('lesson.prdType'),
change: this.prdChoose,
config: {
data: []
}
},
type: {
type: 'select',
label: this.$t('lesson.trainingType'),
change: this.typeChoose,
config: {
data: []
}
},
operateType: {
type: 'select',
label: this.$t('lesson.operationType'),
config: {
data: []
}
},
name: {
type: 'text',
label: this.$t('lesson.trainingName')
}
}
},
queryList: {
query: this.queryFunction,
selectCheckShow: false,
indexShow: true,
columns: [
{
title: this.$t('lesson.trainingName'),
prop: 'name'
},
{
title: this.$t('lesson.prdType'),
prop: 'prdType',
type: 'tag',
columnValue: (row) => { return this.$convertField(row.prdType, this.prdTypeList, ['value', 'label']); },
tagType: (row) => { return 'success'; }
},
{
title: this.$t('lesson.trainingType'),
prop: 'type',
type: 'tag',
columnValue: (row) => { return this.$convertField(row.type, this.trainingTypeList, ['code', 'name']); },
tagType: (row) => { return 'success'; }
},
{
title: this.$t('lesson.operationType'),
prop: 'operateType',
type: 'tag',
columnValue: (row) => { return this.$convertField(row.operateType, this.trainingOperateTypeMap[row.type], ['code', 'name']); },
tagType: (row) => { return 'success'; }
},
{
title: this.$t('lesson.minDuration'),
prop: 'minDuration'
},
{
title: this.$t('lesson.maxDuration'),
prop: 'maxDuration'
},
{
title: this.$t('lesson.remarks'),
prop: 'remarks'
},
{
type: 'button',
title: this.$t('global.operate'),
width: '250',
buttons: [
{
name: this.$t('lesson.demonstration'),
handleClick: this.demoDisplay,
type: ''
}
/* {
name: this.$t('lesson.trainingRecord'),
handleClick: this.trainingRecord,
type: ''
}*/
]
}
],
actions: [
{ text: this.$t('lesson.generateTraining'), btnCode: 'employee_auto', handler: this.autoMaticTrainging }
// { text: this.$t('lesson.updateTraining'), btnCode: 'employee_edit', handler: this.editTrainingByType, type: 'warning'},
// { text: this.$t('lesson.deleteTraining'), btnCode: 'employee_delete', handler: this.delAutoMaticTrainging, type: 'danger'}
]
},
currentModel: {}
};
},
computed:{
prdTypeList() {
const productTypeList = ConstConfig.ConstSelect.prdType;
return Cookies.get('user_lang') == 'en'
? productTypeList.map(elem => { return { value: elem.value, label: elem.enlabel }; })
: productTypeList.map(elem => { return { value: elem.value, label: elem.label }; });
},
drawWay() {
return this.$route.query.drawWay + '';
}
},
async created() {
const json = localStore.get(this.$route.path);
await this.loadInitData(json);
this.typeChoose(json);
},
mounted() {
this.interCheckGenerateStatus();
},
beforeDestroy() {
this.isLeaving = true;
},
methods: {
async loadInitData(queryData) {
this.mapIdList = [];
this.queryForm.queryObject.prdType.config.data = [];
getPublishMapListOnline().then(response => {
this.mapIdList = response.data;
});
this.queryForm.queryObject.prdType.config.data = this.prdTypeList;
// 获取实训类型
this.trainingTypeList = [];
this.$Dictionary.trainingType().then(list => {
this.trainingTypeList = list;
});
this.trainingOperateTypeMap = {};
const list01 = await this.$Dictionary.stationControl();
this.trainingOperateTypeMap['01'] = list01; // 控制权实训
const list02 = await this.$Dictionary.signalOperation();
this.trainingOperateTypeMap['02'] = list02; // 信号机实训
const list03 = await this.$Dictionary.switchOperation();
this.trainingOperateTypeMap['03'] = list03; // 道岔实训
const list04 = await this.$Dictionary.sectionOperation();
this.trainingOperateTypeMap['04'] = list04; // 区段实训
const list05 = await this.$Dictionary.stationStandOperation();
this.trainingOperateTypeMap['05'] = list05; // 站台实训
const list06 = await this.$Dictionary.trainPlanOperation();
this.trainingOperateTypeMap['06'] = list06; // 行车计划实训
const list07 = await this.$Dictionary.trainOperation();
this.trainingOperateTypeMap['07'] = list07; // 列车实训
const list08 = await this.$Dictionary.limitOperation();
this.trainingOperateTypeMap['08'] = list08; // 限速实训
await this.prdChoose(queryData);
this.reloadTable();
},
interCheckGenerateStatus() {
createAllTrainingList(this.$route.query.mapId, false).then((data)=>{
if (data.data) {
this.queryList.actions.pop();
this.queryList.actions.push({ text: this.$t('lesson.trainingGenerating'), btnCode: 'employee_auto', handler: this.autoMaticTrainging, disabled:true });
} else {
this.queryList.actions.pop();
this.queryList.actions.push({ text: this.$t('lesson.generateTraining'), btnCode: 'employee_auto', handler: this.autoMaticTrainging, disabled:false });
}
setTimeout(() => {
if (!this.isLeaving) {
this.interCheckGenerateStatus(this.$route.query.mapId, false);
}
}, 15000);
}).catch(()=>{
setTimeout(() => {
if (!this.isLeaving) {
this.interCheckGenerateStatus(this.$route.query.mapId, false);
}
}, 15000);
});
},
async prdChoose(queryData) {
this.trainingTypeMap = {};
const mapId = this.$route.query.mapId;
const res = await getOperateTrainingList({ mapId: mapId, productType: queryData.prdType });
if (res && res.code == 200) {
const trainingTypeLists = res.data;
this.trainingTypeList.forEach(elem => {
trainingTypeLists.forEach(item => {
if (item.id == elem.code) {
item.label = elem.name;
item.value = elem.code;
}
if (this.trainingOperateTypeMap[item.id].length) {
this.trainingOperateTypeMap[item.id].forEach(i => {
item.children.forEach(v => {
if (i.code == v.id) {
v.name = i.name;
v.code = i.code;
}
});
});
}
});
});
trainingTypeLists.forEach(item => {
item.children.forEach(v => {
if (!this.trainingTypeMap[item.id]) {
this.trainingTypeMap[item.id] = [];
}
this.trainingTypeMap[item.id].push({
label: v.name,
value: v.code
});
});
});
this.queryForm.queryObject.type.config.data = trainingTypeLists;
}
},
typeChoose(form) {
this.queryForm.queryObject.operateType.config.data = [];
form.operateType = '';
if (form && form.type && this.trainingTypeMap[form.type]) {
this.trainingTypeMap[form.type].forEach(elem => {
this.queryForm.queryObject.operateType.config.data.push({ value: elem.value, label: elem.label });
});
}
},
autoMaticTrainging() {
this.$confirm('您确定是否生成所有实训，此操作会删除之前已生成好的实训!', this.$t('global.tips'), {
confirmButtonText: this.$t('global.confirm'),
cancelButtonText: this.$t('global.cancel'),
type: 'warning',
beforeClose: async (action, instance, done) => {
if (action === 'confirm') {
instance.confirmButtonLoading = true;
// instance.confirmButtonText = '生成中...';
this.queryList.actions.pop();
this.queryList.actions.push({ text: this.$t('lesson.trainingGenerating'), btnCode: 'employee_auto', handler: this.autoMaticTrainging, disabled:true });
try {
const data = await createAllTrainingList(this.$route.query.mapId, true);
this.$message.success('实训生成中...');
instance.confirmButtonLoading = false;
if (!data.data) {
this.queryList.actions.pop();
this.queryList.actions.push({ text: this.$t('lesson.generateTraining'), btnCode: 'employee_auto', handler: this.autoMaticTrainging, disabled:false });
}
done();
} catch (error) {
instance.confirmButtonLoading = false;
this.$message.error(`生成实训失败: ${error.message}`);
this.queryList.actions.pop();
this.queryList.actions.push({ text: this.$t('lesson.generateTraining'), btnCode: 'employee_auto', handler: this.autoMaticTrainging, disabled:false });
}
} else {
instance.confirmButtonLoading = false;
done();
}
}
}
).then(async (action) => {
// done();
});
// this.$refs.draftTrain.show({ event: '01', title: this.$t('lesson.automaticGenerationOfTraining') });
},
// editTrainingByType() {
// this.$refs.draftTrain.show({ event: '02', title: this.$t('lesson.modifyTrainingByCategory') });
// },
// delAutoMaticTrainging() {
// this.$refs.draftTrain.show({ event: '03', title: this.$t('lesson.deleteAutoGeneratedTraining') });
// },
demoDisplay(index, node) {
if (this.drawWay === 'true') {
trainingNotifyNew({ trainingId: node.id }).then(resp => {
/** 区分演示和正式，需要在演示时设置lessonId为0*/
const query = { group: resp.data, trainingId: node.id, lessonId: 0, mapId: this.$route.query.mapId, lineCode: this.$route.query.lineCode };
this.$router.push({ path: `${UrlConfig.displayNew}/manage`, query: query });
launchFullscreen();
}).catch(error => {
this.$messageBox(this.$t('error.createSimulationFailed') + error.message);
});
} else {
trainingNotify({ trainingId: node.id }).then(resp => {
/** 区分演示和正式，需要在演示时设置lessonId为0*/
const query = { group: resp.data, trainingId: node.id, lessonId: 0, mapId: this.$route.query.mapId };
this.$router.push({ path: `${UrlConfig.display}/manage`, query: query });
launchFullscreen();
}).catch(error => {
this.$messageBox(this.$t('error.createSimulationFailed') + error.message);
});
}
},
reloadTable() {
this.queryList.reload();
},
turnback() {
this.$router.go(-1);
},
trainingRecord(index, node) {
if (this.drawWay === 'true') {
trainingNotifyNew({ trainingId: node.id }).then(resp => {
this.group = resp.data;
this.$router.push({ path: `${UrlConfig.design.trainingRecord}/${node.id}/${node.name}`, query: { group: resp.data } });
}).catch(error => {
this.$messageBox(`${this.$t('error.createSimulationFailed')}: ${error.message}`);
});
} else {
trainingNotify({ trainingId: node.id }).then(resp => {
this.group = resp.data;
this.$router.push({ path: `${UrlConfig.design.trainingRecord}/${node.id}/${node.name}`, query: { group: resp.data } });
}).catch(error => {
this.$messageBox(`${this.$t('error.createSimulationFailed')}: ${error.message}`);
});
}
},
queryFunction(params) {
params['mapId'] = this.$route.query.mapId;
if (this.drawWay === 'true') {
return pageQueryTrainingNew(params);
} else {
return pageQueryTraining(params);
}
}
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.draft {
width: 400px;
text-align: center;
margin: 20px auto;
}
</style>

1
src/views/login/index.vue
View File

@ -490,7 +490,6 @@ export default {
getSimulationInfoNew(res.data.group).then(resp => { getSimulationInfoNew(res.data.group).then(resp => {
const query = { const query = {
group: res.data.group, group: res.data.group,
drawWay: true,
mapId: resp.data.map.id, mapId: resp.data.map.id,
lineCode:resp.data.map.lineCode, lineCode:resp.data.map.lineCode,
projectDevice: this.$route.query.projectDevice, projectDevice: this.$route.query.projectDevice,

1
src/views/newMap/chatView/chatBox.vue
View File

@ -441,6 +441,7 @@ export default {
children: parentDepartmentList children: parentDepartmentList
}]; }];
this.initCommonMemberList(); this.initCommonMemberList();
this.filterNode();
// this.$nextTick(() => { // this.$nextTick(() => {
// if (this.$refs.tree) { // if (this.$refs.tree) {
// this.$refs.tree.filter(this.queryMember); // this.$refs.tree.filter(this.queryMember);

4
src/views/newMap/displayNew/menuSchema.vue
View File

@ -91,10 +91,6 @@ export default {
isLocalStation() { isLocalStation() {
return this.$store.state.training.prdType === '01'; return this.$store.state.training.prdType === '01';
}, },
drawWay() {
const drawWay = this.$route.query.drawWay;
return drawWay && JSON.parse(drawWay);
},
running() { running() {
return this.$store.state.training.started; return this.$store.state.training.started;
}, },

6
src/views/newMap/displayNew/scriptDisplay/scriptPreview/index.vue
View File

@ -99,10 +99,6 @@ export default {
}, },
prdType() { prdType() {
return this.$store.state.training.prdType; return this.$store.state.training.prdType;
},
drawWay() {
const drawWay = this.$route.query.drawWay;
return drawWay && JSON.parse(drawWay);
} }
}, },
watch: { watch: {
@ -131,7 +127,7 @@ export default {
}, },
async selectRole(role) { async selectRole(role) {
try { try {
const res = this.drawWay ? await loadDraftScriptNew(role.id, this.group) : await loadDraftScript(this.$route.query.scriptId, role.id, this.group); const res = await loadDraftScriptNew(role.id, this.group);
if (res && res.code == 200) { if (res && res.code == 200) {
if (this.querymapLocation) { if (this.querymapLocation) {
const newMapLocation = {'offsetX': this.mapLocation.x, 'offsetY': this.mapLocation.y, 'scaleRate': this.mapLocation.scale}; const newMapLocation = {'offsetX': this.mapLocation.x, 'offsetY': this.mapLocation.y, 'scaleRate': this.mapLocation.scale};

3
src/views/newMap/jointTrainingNew/memberManage/content-menu.vue
View File

@ -38,9 +38,6 @@ export default {
position() { position() {
return this.$store.state.menuOperation.menuPosition; return this.$store.state.menuOperation.menuPosition;
}, },
drawWay() {
return this.$route.query.drawWay + '';
},
menu() { menu() {
return [{ return [{
label: this.$t('trainRoom.kickOutTheRoom'), label: this.$t('trainRoom.kickOutTheRoom'),

3
src/views/newMap/jointTrainingNew/memberManage/membersManage.vue
View File

@ -123,9 +123,6 @@ export default {
group() { group() {
return this.$route.query.group; return this.$route.query.group;
}, },
drawWay() {
return this.$route.query.drawWay + '';
},
userId() { userId() {
return this.$store.state.user ? this.$store.state.user.id : ''; return this.$store.state.user ? this.$store.state.user.id : '';
}, },

5
src/views/planMonitor/detail.vue
View File

@ -162,9 +162,6 @@ export default {
hasRelease() { hasRelease() {
return this.$store.state.user.roles.includes('04') || return this.$store.state.user.roles.includes('04') ||
this.$store.state.user.roles.includes('05'); this.$store.state.user.roles.includes('05');
},
drawWay() {
return this.$route.query.drawWay + '';
} }
}, },
watch: { watch: {
@ -226,7 +223,7 @@ export default {
if (refresh) { if (refresh) {
this.$store.dispatch('runPlan/refresh'); this.$store.dispatch('runPlan/refresh');
} else { } else {
const query = { lineCode: lineCode, mapId: this.$route.params.mapId, planId: planId, planName: planName, drawWay:this.drawWay }; const query = { lineCode: lineCode, mapId: this.$route.params.mapId, planId: planId, planName: planName };
this.$router.push({ path: `/plan/tool`, query: query }); this.$router.push({ path: `/plan/tool`, query: query });
} }
}, },

3
src/views/planMonitor/editTool/index.vue
View File

@ -123,9 +123,6 @@ export default {
}, },
height() { height() {
return this.$store.state.app.height; return this.$store.state.app.height;
},
drawWay() {
return this.$route.query.drawWay + '';
} }
}, },
created() { created() {

25
src/views/planMonitor/editTool/menus/addTask.vue
View File

@ -205,9 +205,6 @@ export default {
computed: { computed: {
title() { title() {
return this.$t('planMonitor.addTask'); return this.$t('planMonitor.addTask');
},
drawWay() {
return this.$route.query.drawWay + '';
} }
}, },
watch: { watch: {
@ -253,27 +250,7 @@ export default {
} }
const mapId = this.$route.query.mapId; const mapId = this.$route.query.mapId;
if (mapId && this.drawWay == 'false') { if (mapId) {
getStationRunning(mapId).then(resp => { // 查询是否有站间运行时间
const list = resp.data;
list.forEach(elem => {
this.stopStationMap[[elem.startSectionCode, elem.endSectionCode].toString()] = elem;
});
if (list && list.length) {
list.forEach(elem => {
if (!elem.runPlanLevelVO) {
this.$alert(`${this.$t('planMonitor.tipOperationTime')}`, {
confirmButtonText: this.$t('global.confirm'),
callback: action => {
this.doClose();
}
});
}
});
}
});
} else if (mapId && this.drawWay == 'true') {
getMapStationRun(mapId).then(resp =>{ getMapStationRun(mapId).then(resp =>{
const list = resp.data; const list = resp.data;
list.forEach(elem => { list.forEach(elem => {

75
src/views/planMonitor/editTool/menus/modifyingStationIntervalTime.vue
View File

@ -32,23 +32,17 @@
<span style="margin-left: 10px">{{ formatName(scope.row.endSectionCode) }}</span> <span style="margin-left: 10px">{{ formatName(scope.row.endSectionCode) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="drawWay=='false'" prop="directionCode" :label="$t('planMonitor.modifying.direction')" width="60"> <el-table-column prop="right" :label="$t('planMonitor.modifying.direction')" width="60">
<template slot-scope="scope">
<span style="margin-left: 10px">{{ DirectionCodeMap[scope.row.directionCode] }}</span>
</template>
</el-table-column>
<el-table-column v-if="drawWay=='true'" prop="right" :label="$t('planMonitor.modifying.direction')" width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.right?'上行':'下行' }}</span> <span style="margin-left: 10px">{{ scope.row.right?'上行':'下行' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="distance" :label="$t('planMonitor.modifying.distance')" width="65"> <el-table-column prop="distance" :label="$t('planMonitor.modifying.distance')" width="65">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="drawWay=='true'" style="margin-left: 10px">{{ scope.row.distance }}</span> <span style="margin-left: 10px">{{ scope.row.distance }}</span>
<span v-if="drawWay=='false'" style="margin-left: 10px">{{ scope.row.distance/100 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<div v-if="drawWay=='true'"> <div>
<el-table-column prop="l1" :label="$t('planMonitor.updateStation.level1')" width="70"> <el-table-column prop="l1" :label="$t('planMonitor.updateStation.level1')" width="70">
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
@ -90,48 +84,6 @@
</template> </template>
</el-table-column> </el-table-column>
</div> </div>
<div v-if="drawWay=='false'">
<el-table-column prop="runPlanLevelVO" :label="$t('planMonitor.updateStation.level1')" width="70">
<template slot-scope="scope">
<span
style="margin-left: 10px"
:style="{color: scope.row.isEditStatus? 'red': 'black'}"
>{{ scope.row.runPlanLevelVO.level1 || '' }}</span>
</template>
</el-table-column>
<el-table-column prop="runPlanLevelVO" :label="$t('planMonitor.updateStation.level2')" width="70">
<template slot-scope="scope">
<span
style="margin-left: 10px"
:style="{color: scope.row.isEditStatus? 'red': 'black'}"
>{{ scope.row.runPlanLevelVO.level2 || '' }}</span>
</template>
</el-table-column>
<el-table-column prop="runPlanLevelVO" :label="$t('planMonitor.updateStation.level3')" width="70">
<template slot-scope="scope">
<span
style="margin-left: 10px"
:style="{color: scope.row.isEditStatus? 'red': 'black'}"
>{{ scope.row.runPlanLevelVO.level3 || '' }}</span>
</template>
</el-table-column>
<el-table-column prop="runPlanLevelVO" :label="$t('planMonitor.updateStation.level4')" width="70">
<template slot-scope="scope">
<span
style="margin-left: 10px"
:style="{color: scope.row.isEditStatus? 'red': 'black'}"
>{{ scope.row.runPlanLevelVO.level4 || '' }}</span>
</template>
</el-table-column>
<el-table-column prop="runPlanLevelVO" :label="$t('planMonitor.updateStation.level5')" width="70">
<template slot-scope="scope">
<span
style="margin-left: 10px"
:style="{color: scope.row.isEditStatus?'red': 'black'}"
>{{ scope.row.runPlanLevelVO.level5 || '' }}</span>
</template>
</el-table-column>
</div>
<!-- <el-table-column :label="$t('planMonitor.modifying.operation')" width="100"> <!-- <el-table-column :label="$t('planMonitor.modifying.operation')" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="handleUpdate(scope.row)">{{ $t('planMonitor.modifying.edit') }}</el-button> <el-button type="text" size="small" @click="handleUpdate(scope.row)">{{ $t('planMonitor.modifying.edit') }}</el-button>
@ -140,7 +92,6 @@
</el-table> </el-table>
</el-row> </el-row>
<div class="button-group" style="text-align: center; margin-top: 10px;"> <div class="button-group" style="text-align: center; margin-top: 10px;">
<el-button v-if="drawWay=='false'" type="primary" @click="handleSave">{{ $t('planMonitor.modifying.save') }}</el-button>
<el-button @click="doClose">{{ $t('planMonitor.modifying.cancelAndQuit') }}</el-button> <el-button @click="doClose">{{ $t('planMonitor.modifying.cancelAndQuit') }}</el-button>
</div> </div>
<!-- <update-station-interval-time ref="updateStationIntervalTime" @handleConfirm="handleConfirm" /> --> <!-- <update-station-interval-time ref="updateStationIntervalTime" @handleConfirm="handleConfirm" /> -->
@ -175,9 +126,6 @@ export default {
computed: { computed: {
title() { title() {
return this.$t('planMonitor.modifying.modifyRunLevel'); return this.$t('planMonitor.modifying.modifyRunLevel');
},
drawWay() {
return this.$route.query.drawWay + '';
} }
}, },
mounted() { mounted() {
@ -194,22 +142,7 @@ export default {
}); });
this.stationIntervalData = []; this.stationIntervalData = [];
if (this.$route.query.lineCode && this.drawWay == 'false') { if (this.$route.query.lineCode) {
getStationRunning(this.$route.query.mapId).then(resp => {
const list = resp.data;
list.forEach(elem => {
elem.isEditStatus = false;
if (!elem.runPlanLevelVO || elem.runPlanLevelVO.length <= 0) {
elem.runPlanLevelVO = { stationRunningId: elem.id };
Object.keys(this.runSpeedLevels).forEach(key => {
elem.runPlanLevelVO[key] = parseInt((elem.distance / 100) / (this.runSpeedLevels[key] / 3.6));
elem.isEditStatus = true;
});
}
});
this.stationIntervalData = list;
});
} else if (this.$route.query.lineCode && this.drawWay == 'true') {
getMapStationRun(this.$route.query.mapId).then(resp =>{ getMapStationRun(this.$route.query.mapId).then(resp =>{
const list = resp.data; const list = resp.data;
list.forEach(elem => { list.forEach(elem => {

23
src/views/planMonitor/editTool/menus/modifyingTask.vue
View File

@ -294,9 +294,6 @@ export default {
computed: { computed: {
title() { title() {
return this.$t('planMonitor.modifying.modifyTask'); return this.$t('planMonitor.modifying.modifyTask');
},
drawWay() {
return this.$route.query.drawWay + '';
} }
}, },
watch: { watch: {
@ -331,16 +328,6 @@ export default {
runTime = parseInt(stopStationObj.runPlanLevelVO[runLevel]); runTime = parseInt(stopStationObj.runPlanLevelVO[runLevel]);
} else if (stopStationObj['l3']) { } else if (stopStationObj['l3']) {
runTime = parseInt(stopStationObj['l3']); runTime = parseInt(stopStationObj['l3']);
} else {
if (this.drawWay == ' false') {
// this.$messageBox(`${this.$t('planMonitor.modifying.setMessageTip1')} ${stopStationObj.startSectionCode} ${this.$t('planMonitor.modifying.setMessageTip2')} ${stopStationObj.endSectionCode} ${this.$t('planMonitor.modifying.setMessageTip3')}`);
this.$alert(`${this.$t('planMonitor.tipOperationTime')}`, {
confirmButtonText: this.$t('global.confirm'),
callback: action => {
this.doClose();
}
});
}
} }
} }
} }
@ -386,15 +373,7 @@ export default {
this.serviceNumber = params.serviceNumber; this.serviceNumber = params.serviceNumber;
this.planId = this.$route.query.planId; this.planId = this.$route.query.planId;
this.PlanConvert = this.$theme.loadPlanConvert(lineCode); this.PlanConvert = this.$theme.loadPlanConvert(lineCode);
if (mapId) {
if (mapId && this.drawWay == 'false') {
getStationRunning(mapId).then(resp => {
const list = resp.data;
list.forEach(elem => {
this.stopStationMap[[elem.startSectionCode, elem.endSectionCode].toString()] = elem;
});
});
} else if (mapId && this.drawWay == 'true') {
getMapStationRun(mapId).then(resp => { getMapStationRun(mapId).then(resp => {
const list = resp.data; const list = resp.data;
list.forEach(elem => { list.forEach(elem => {

89
src/views/publish/examRule/draft/editRule.vue
View File

@ -49,10 +49,6 @@ export default {
type: Object, type: Object,
required: true required: true
}, },
drawWay: {
type: Boolean,
default: false
},
lineCode: { lineCode: {
type: String, type: String,
default: '' default: ''
@ -132,64 +128,39 @@ export default {
async mounted() { async mounted() {
await this.getList(); await this.getList();
await this.refresh(); await this.refresh();
if (this.drawWay) { this.trainingOperateTypeMap = getTrainingOperateTypeMap();
this.trainingOperateTypeMap = getTrainingOperateTypeMap(); const lineCode = this.lineCode;
const lineCode = this.lineCode; const res = await getCmdList(lineCode, {});
const res = await getCmdList(lineCode, {}); const trainingOperateList = [];
const trainingOperateList = []; const trainingOperateConfigList = [];
const trainingOperateConfigList = []; const operateTypeMap = {
const operateTypeMap = { Switch: [],
Switch: [], Section: [],
Section: [], Signal: [],
Signal: [], Stand: [],
Stand: [], Station: [],
Station: [], ControlConvertMenu: [],
ControlConvertMenu: [], TrainWindow: [],
TrainWindow: [], LimitControl: [],
LimitControl: [], Driver: []
Driver: [] };
}; if (res && res.code === 200) {
if (res && res.code === 200) { res.data.forEach(item => {
res.data.forEach(item => { this.trainingOperateTypeMap[item.operateObject].forEach(ele => {
this.trainingOperateTypeMap[item.operateObject].forEach(ele => { if (ele.value == item.operate && !this.checkIncludes(operateTypeMap[item.operateObject], ele)) {
if (ele.value == item.operate && !this.checkIncludes(operateTypeMap[item.operateObject], ele)) { operateTypeMap[item.operateObject].push({name: ele.label, code: ele.value});
operateTypeMap[item.operateObject].push({name: ele.label, code: ele.value});
}
});
if (!trainingOperateList.includes(item.operateObject)) {
trainingOperateList.push(item.operateObject);
const objectLabel = ConstConfig.ConstSelect.trainingDeviceType[item.operateObject] || {};
trainingOperateConfigList.push({code: item.operateObject, name: Cookies.get('user_lang') == 'en' ? objectLabel.enlabel : objectLabel.label});
} }
}); });
this.options = trainingOperateConfigList; if (!trainingOperateList.includes(item.operateObject)) {
this.trainingOperateTypeMap = operateTypeMap; trainingOperateList.push(item.operateObject);
} else { const objectLabel = ConstConfig.ConstSelect.trainingDeviceType[item.operateObject] || {};
this.$message.error(this.$t('error.failedToObtainTrainingType')); trainingOperateConfigList.push({code: item.operateObject, name: Cookies.get('user_lang') == 'en' ? objectLabel.enlabel : objectLabel.label});
} }
});
this.options = trainingOperateConfigList;
this.trainingOperateTypeMap = operateTypeMap;
} else { } else {
this.trainingOperateTypeMap = {}; this.$message.error(this.$t('error.failedToObtainTrainingType'));
this.$Dictionary.stationControl().then(list => {
this.trainingOperateTypeMap['01'] = list; // 控制权实训
});
this.$Dictionary.signalOperation().then(list => {
this.trainingOperateTypeMap['02'] = list; // 信号机实训
});
this.$Dictionary.switchOperation().then(list => {
this.trainingOperateTypeMap['03'] = list; // 道岔实训
});
this.$Dictionary.sectionOperation().then(list => {
this.trainingOperateTypeMap['04'] = list; // 区段实训
});
this.$Dictionary.stationStandOperation().then(list => {
this.trainingOperateTypeMap['05'] = list; // 站台实训
});
this.$Dictionary.trainPlanOperation().then(list => {
this.trainingOperateTypeMap['06'] = list; // 行车计划实训
});
this.$Dictionary.trainOperation().then(list => {
this.trainingOperateTypeMap['07'] = list; // 列车实训
});
} }
}, },
methods: { methods: {

5
src/views/publish/examRule/draft/index.vue
View File

@ -13,7 +13,7 @@
<exam-from ref="exam" @definition="definition" @createQuickly="createQuicklySave" /> <exam-from ref="exam" @definition="definition" @createQuickly="createQuicklySave" />
</template> </template>
<template v-else class="rule"> <template v-else class="rule">
<rule-from ref="rule" :course="course" :draw-way="drawWay" :line-code="lineCode" @regulation="regulation" /> <rule-from ref="rule" :course="course" :line-code="lineCode" @regulation="regulation" />
</template> </template>
</div> </div>
<div class="draft"> <div class="draft">
@ -52,7 +52,6 @@ export default {
lessonName: '', lessonName: '',
formData: {}, formData: {},
mapId: '', mapId: '',
drawWay: false,
lineCode: '', lineCode: '',
OrganizationList: [] OrganizationList: []
}; };
@ -83,7 +82,6 @@ export default {
if (elem.id === val.region) { if (elem.id === val.region) {
this.mapId = elem.mapId; this.mapId = elem.mapId;
getPublishMapInfo(this.mapId).then(res=>{ getPublishMapInfo(this.mapId).then(res=>{
this.drawWay = res.data.drawWay;
this.lineCode = res.data.lineCode; this.lineCode = res.data.lineCode;
}); });
} }
@ -115,7 +113,6 @@ export default {
}); });
const res = await getPublishMapInfo(this.mapId); const res = await getPublishMapInfo(this.mapId);
if (res.data) { if (res.data) {
this.drawWay = res.data.drawWay;
this.lineCode = res.data.lineCode; this.lineCode = res.data.lineCode;
} }
}, },

44
src/views/publish/examRule/draft/rule.vue
View File

@ -17,7 +17,6 @@
<edit-rule <edit-rule
ref="addRule" ref="addRule"
:course-id="courseId" :course-id="courseId"
:draw-way="drawWay"
:line-code="lineCode" :line-code="lineCode"
:edit-course="editCourse" :edit-course="editCourse"
@addRuleList="addRuleList" @addRuleList="addRuleList"
@ -45,10 +44,6 @@ export default {
type: Object, type: Object,
default: null default: null
}, },
drawWay: {
type: Boolean,
default: false
},
lineCode: { lineCode: {
type: String, type: String,
default: '' default: ''
@ -87,48 +82,15 @@ export default {
watch: { watch: {
}, },
async mounted() { async mounted() {
if (this.drawWay) { this.trainingOperateTypeMap = getTrainingOperateTypeMap();
this.trainingOperateTypeMap = getTrainingOperateTypeMap();
} else {
this.trainingOperateTypeMap = {};
this.$Dictionary.stationControl().then(list => {
this.trainingOperateTypeMap['01'] = list; // 控制权实训
});
this.$Dictionary.signalOperation().then(list => {
this.trainingOperateTypeMap['02'] = list; // 信号机实训
});
this.$Dictionary.switchOperation().then(list => {
this.trainingOperateTypeMap['03'] = list; // 道岔实训
});
this.$Dictionary.sectionOperation().then(list => {
this.trainingOperateTypeMap['04'] = list; // 区段实训
});
this.$Dictionary.stationStandOperation().then(list => {
this.trainingOperateTypeMap['05'] = list; // 站台实训
});
this.$Dictionary.trainPlanOperation().then(list => {
this.trainingOperateTypeMap['06'] = list; // 行车计划实训
});
this.$Dictionary.trainOperation().then(list => {
this.trainingOperateTypeMap['07'] = list; // 列车实训
});
}
await this.getList(); await this.getList();
await this.init(); await this.init();
}, },
methods: { methods: {
async getList() { async getList() {
this.typeList = []; this.typeList = [];
if (this.drawWay) { for (const val in ConstConfig.ConstSelect.trainingDeviceType) {
for (const val in ConstConfig.ConstSelect.trainingDeviceType) { this.typeList.push({name: LangStorage.getLang() == 'en' ? ConstConfig.ConstSelect.trainingDeviceType[val].enlabel : ConstConfig.ConstSelect.trainingDeviceType[val].label, code: val});
this.typeList.push({name: LangStorage.getLang() == 'en' ? ConstConfig.ConstSelect.trainingDeviceType[val].enlabel : ConstConfig.ConstSelect.trainingDeviceType[val].label, code: val});
}
} else {
await getDetailList('training_type').then(res => {
this.typeList = res.data;
}).catch(error => {
console.error(error);
});
} }
}, },
async init() { async init() {

1
src/views/publish/publishMap/index.vue
View File

@ -136,7 +136,6 @@ export default {
{ {
name: this.$t('publish.simulationDataCheck'), name: this.$t('publish.simulationDataCheck'),
handleClick: this.handleSimulationCheck, handleClick: this.handleSimulationCheck,
showControl: (row) => { return row.drawWay; }
}, },
{ {
name: '导入', name: '导入',

58
src/views/scriptManage/home.vue
View File

@ -132,25 +132,13 @@ export default {
} }
}, },
drawUp(index, row) { drawUp(index, row) {
const drawWay = this.$route.query.drawWay; scriptRecordNotifyNew(row.id).then(resp => {
if (drawWay && JSON.parse(drawWay)) { const query = { mapId: row.mapId, group: resp.data, scriptId: row.id, lang:row.lang, lineCode:this.$route.query.lineCode};
scriptRecordNotifyNew(row.id).then(resp => { this.$router.push({ path: `${UrlConfig.scriptDisplayNew}/script`, query });
const query = { mapId: row.mapId, group: resp.data, scriptId: row.id, lang:row.lang, lineCode:this.$route.query.lineCode, drawWay:drawWay}; launchFullscreen();
this.$router.push({ path: `${UrlConfig.scriptDisplayNew}/script`, query }); }).catch(error => {
launchFullscreen(); this.$messageBox(`${this.$t('scriptRecord.createSimulationFail')}: ${error.message}`);
}).catch(error => { });
this.$messageBox(`${this.$t('scriptRecord.createSimulationFail')}: ${error.message}`);
});
} else {
scriptRecordNotify(row.id).then(resp => {
const query = { mapId: row.mapId, group: resp.data, scriptId: row.id, lang:row.lang, lineCode:this.$route.query.lineCode };
this.$router.push({ path: `${UrlConfig.scriptDisplay}/script`, query });
launchFullscreen();
}).catch(error => {
this.$messageBox(`${this.$t('scriptRecord.createSimulationFail')}: ${error.message}`);
});
}
}, },
deleteScript(index, row) { deleteScript(index, row) {
this.$confirm(this.$t('scriptRecord.deleteScriptTip'), this.$t('global.tips'), { this.$confirm(this.$t('scriptRecord.deleteScriptTip'), this.$t('global.tips'), {
@ -271,28 +259,16 @@ export default {
}, },
// 剧本预览 // 剧本预览
previewScript(index, row) { previewScript(index, row) {
const drawWay = this.$route.query.drawWay; scriptDraftRecordNotifyNew(row.id).then(resp => {
if (drawWay && JSON.parse(drawWay)) { if (this.loadingProjectList.includes(this.project)) {
scriptDraftRecordNotifyNew(row.id).then(resp => { this.$store.dispatch('app/transitionAnimations');
if (this.loadingProjectList.includes(this.project)) { }
this.$store.dispatch('app/transitionAnimations'); const query = { mapId: row.mapId, group: resp.data, scriptId: row.id, try:0, lineCode:this.$route.query.lineCode};
} this.$router.push({ path: `${UrlConfig.design.displayNew}/demon`, query });
const query = { mapId: row.mapId, group: resp.data, scriptId: row.id, try:0, lineCode:this.$route.query.lineCode, drawWay:true}; launchFullscreen();
this.$router.push({ path: `${UrlConfig.design.displayNew}/demon`, query }); }).catch(error => {
launchFullscreen(); this.$messageBox(`${this.$t('scriptRecord.createSimulationFail')}: ${error.message}`);
}).catch(error => { });
this.$messageBox(`${this.$t('scriptRecord.createSimulationFail')}: ${error.message}`);
});
} else {
scriptDraftRecordNotify(row.id).then(resp => {
const query = { mapId: row.mapId, group: resp.data, scriptId: row.id, try:0, lineCode:this.$route.query.lineCode, drawWay:false};
this.$router.push({ path: `${UrlConfig.design.display}/demon`, query });
launchFullscreen();
}).catch(error => {
this.$messageBox(`${this.$t('scriptRecord.createSimulationFail')}: ${error.message}`);
});
}
} }
} }
}; };

49
src/views/teach/detail/index.vue
View File

@ -79,7 +79,6 @@ export default {
}, },
lineCode: '', // 线路皮肤码 lineCode: '', // 线路皮肤码
expandList: [], expandList: [],
drawWay: false,
loadingProjectList: ['login', 'design', 'xty', 'designxty', 'gzb', 'designxty', 'xadt', 'designxadt', 'drts', 'designdrts'] loadingProjectList: ['login', 'design', 'xty', 'designxty', 'gzb', 'designxty', 'xadt', 'designxadt', 'drts', 'designdrts']
}; };
}, },
@ -116,7 +115,6 @@ export default {
initLoadPage() { initLoadPage() {
getPublishMapInfo(this.$route.query.mapId).then(res => { getPublishMapInfo(this.$route.query.mapId).then(res => {
if (res.data) { if (res.data) {
this.drawWay = res.data.drawWay;
this.lineCode = res.data.lineCode; this.lineCode = res.data.lineCode;
} }
}).catch(() => { }).catch(() => {
@ -151,36 +149,23 @@ export default {
if (obj && obj.type === 'Training') { if (obj && obj.type === 'Training') {
if (obj.valid) { if (obj.valid) {
this.disabled = true; this.disabled = true;
if (this.drawWay) { trainingNotifyNew({ trainingId: obj.id }).then(resp => {
trainingNotifyNew({ trainingId: obj.id }).then(resp => { const query = {
const query = { group: resp.data, trainingId: obj.id, lessonId: this.$route.query.lessonId, mapId: this.courseModel.mapId, lineCode: this.lineCode, noPreLogout: this.$route.query.noPreLogout
group: resp.data, trainingId: obj.id, lessonId: this.$route.query.lessonId, mapId: this.courseModel.mapId, lineCode: this.lineCode, noPreLogout: this.$route.query.noPreLogout };
}; if (this.loadingProjectList.includes(this.project)) {
if (this.loadingProjectList.includes(this.project)) { this.$store.dispatch('app/transitionAnimations');
this.$store.dispatch('app/transitionAnimations'); }
} if (this.$route.query.noPreLogout) {
if (this.$route.query.noPreLogout) { this.$router.replace({ path: `${UrlConfig.displayNew}/teach`, query: query });
this.$router.replace({ path: `${UrlConfig.displayNew}/teach`, query: query }); } else {
} else { this.$router.push({ path: `${UrlConfig.displayNew}/teach`, query: query });
this.$router.push({ path: `${UrlConfig.displayNew}/teach`, query: query }); }
} launchFullscreen();
launchFullscreen(); }).catch(error => {
}).catch(error => { this.$messageBox(`${this.$t('tip.createSimulationFaild')} : ${error.message}`);
this.$messageBox(`${this.$t('tip.createSimulationFaild')} : ${error.message}`); this.disabled = false;
this.disabled = false; });
});
} else {
trainingNotify({ trainingId: obj.id }).then(resp => {
const query = {
group: resp.data, trainingId: obj.id, lessonId: this.$route.query.lessonId, mapId: this.courseModel.mapId
};
this.$router.push({ path: `${UrlConfig.display}/teach`, query: query });
launchFullscreen();
}).catch(error => {
this.$messageBox(`${this.$t('tip.createSimulationFaild')} : ${error.message}`);
this.disabled = false;
});
}
} else { } else {
this.$confirm(this.$t('tip.accessCourseNo'), this.$t('tip.hint'), { this.$confirm(this.$t('tip.accessCourseNo'), this.$t('tip.hint'), {
confirmButtonText: this.$t('tip.confirm'), confirmButtonText: this.$t('tip.confirm'),

164
src/views/trainRoom/add-person.vue
View File

@ -1,164 +0,0 @@
<template>
<el-dialog v-dialogDrag class="person" :title="$t(titleI18n)" :visible.sync="show" width="20%" :z-index="2000" :modal="true" :before-close="cancel" :close-on-click-modal="false">
<el-input v-model="filterText" :placeholder="this.$t('global.enterNameToFilter')" clearable />
<ul class="person__container">
<li v-for="(item,index) in filterList" :key="index" class="person__container--li">
<input
v-model="item.select"
class="checkbox"
type="checkbox"
>
<span>{{ item.node.nickName }}</span>
</li>
</ul>
<span slot="footer" class="person__footer">
<el-button @click="cancel">{{ $t('global.cancel') }}</el-button>
<el-button type="primary" @click="commit">{{ $t('global.confirm') }}</el-button>
</span>
</el-dialog>
</template>
<script>
export default {
props: {
audienceList: {
type: Array,
default() {
return [];
}
}
},
data() {
return {
visible: false,
roleType: '',
filterText: ''
};
},
computed: {
show() {
return this.visible;
},
props() {
return { label: 'name' };
},
personList() {
return this.audienceList.map(e => { return { select: false, node: e }; });
},
filterList() {
return this.personList.filter(e => e.node.nickName.includes(this.filterText));
},
titleI18n() {
return {
'Dispatcher': 'trainRoom.increaseDispatchers',
'Attendant': 'trainRoom.increaseStationAttendant',
'Instructor': 'trainRoom.increaseTeacher',
'Repair': 'trainRoom.increaseUniversalAccount',
'Driver': 'trainRoom.driver',
'IBP': 'trainRoom.increaseIbp',
'CI': 'trainRoom.interlock'
}[this.roleType];
}
},
methods: {
doShow(roleType) {
this.roleType = roleType;
this.visible = true;
},
doClose() {
this.visible = false;
},
commit() {
const userList = this.personList.filter(e => { return e.select; }).map(e=> { return e.node; });
this.$emit('dispatch', {roleType: this.roleType, userList});
this.visible = false;
},
cancel() {
this.doClose();
}
}
};
</script>
<style scoped lang="scss">
ul,
li {
list-style: none;
padding: 0;
margin: 0;
}
::-webkit-scrollbar {
width: 2px;
}
::-webkit-scrollbar-thumb {
background-color: #c7c7c7;
}
/deep/ .el-dialog__body {
padding: 10px 20px;
}
.person {
&__container {
max-height: 270px;
overflow-y: scroll;
width: 100%;
&--li {
height: 30px;
line-height: 30px;
.checkbox {
margin-right: 5px;
cursor: pointer;
font-size: 14px;
width: 14px;
height: 14px;
position: relative;
display: block;
margin-top: 9px;
float: left;
&.disabled {
cursor: not-allowed;
}
&.disabled:after {
background-color: #edf2fc;
border-color: #dcdfe6;
}
}
.checkbox:after {
position: absolute;
width: 14px;
height: 14px;
top: 0;
content: " ";
background-color: #fff;
color: #fff;
display: inline-block;
visibility: visible;
padding: 0px 3px;
border: 1px solid #dcdfe6;
border-radius: 3px;
}
.checkbox:checked:after {
content: "✓";
font-size: 12px;
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
background-color: #409EFF;
border: 1px solid #409EFF;
}
}
}
}
</style>

92
src/views/trainRoom/content-menu.vue
View File

@ -1,92 +0,0 @@
<template>
<div class="jointRoomMenu">
<pop-menu ref="popMenu" :menu="menu" />
</div>
</template>
<script>
import PopMenu from '@/components/PopMenu';
import { DeviceMenu } from '@/scripts/ConstDic';
import { putJointTrainingUserkicked } from '@/api/chat';
export default {
components: {
PopMenu
},
props: {
clickUserId: {
type: String,
default: ''
}
},
data() {
return {
menu: [{
label: this.$t('trainRoom.kickOutTheRoom'),
handler: this.kicked
}]
};
},
computed: {
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
},
position() {
return this.$store.state.menuOperation.menuPosition;
},
drawWay() {
return this.$route.query.drawWay + '';
}
},
watch: {
'$store.state.menuOperation.menuCount': function (val) {
if (this.$store.getters['menuOperation/checkDialogIsOpen'](DeviceMenu.JointRoom)) {
this.doShow();
} else {
this.doClose();
}
}
},
mounted() {
this.closeEvent();
},
methods: {
closeEvent() {
const self = this;
window.onclick = function (e) {
self.doClose();
};
},
doShow() {
this.closeEvent();
if (this.userId != this.clickUserId) {
if (this.$refs && this.$refs.popMenu) {
this.$refs.popMenu.resetShowPosition(this.position);
}
}
},
doClose() {
if (this.$refs && this.$refs.popMenu) {
this.$refs.popMenu.close();
}
},
async kicked() {
try {
await putJointTrainingUserkicked(this.clickUserId, this.$route.query.group);
} catch (error) {
console.error(error);
}
}
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
/deep/ {
.menu-item{
background: #f1ecec;
.pop-menu {
background: #5F9EA0;
}
}
}
</style>

499
src/views/trainRoom/e-chat.vue
View File

@ -1,499 +0,0 @@
<template>
<!-- 聊天窗口 -->
<div class="chat">
<div class="chat__head">
<div class="chat__head--title"> 会话窗口</div>
</div>
<div ref="content" class="chat__container" :style="{height: listHeight+'px'}">
<ul class="chat__container--list">
<div v-for="(nor, index) in textList" :key="index" style="margin-top: 5px;">
<li v-if="nor.self" style="position: relative">
<div class="userName" style="position: absolute; right: 4px; top: 4px; font-size: 14px;">
{{ covertTime(nor.chatTime) }} {{ nor.userName }}</div>
<div class="news">
<span>{{ nor.value }}</span>
</div>
<div v-if="nor.voice" class="yuyin" @click="playAudio(nor)">
<i class="el-icon-caret-right" />
</div>
</li>
<li v-if="nor.other" style="position: relative">
<div class="userName" style="position: absolute; left: 12px; top: 4px; font-size: 14px;">
{{ nor.userName }} {{ covertTime(nor.chatTime) }}</div>
<div class="answers">
<span>{{ nor.value }}</span>
</div>
<div v-if="nor.voice" class="yuyin1" @click="playAudio(nor)">
<i class="el-icon-caret-right" />
</div>
</li>
<li v-if="nor.join" class="roomTip">{{ nor.roomTip }}</li>
</div>
</ul>
<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>
<audio ref="audio" />
<div class="chat__footer">
<div class="chat_tool">
<div class="microphoneBtn" @click="startRecording()">
<span class="el-icon-microphone" />
</div>
</div>
<textarea id="dope" v-model="text" class="chat__footer--text" style="width: 99%;height: 47px; border: none;outline: none;" @keyup="handleSetInputState" @keyup.enter="handleSendText" />
<button class="chat__footer--send" :disabled="disabled" @click="handleSendText">{{ $t('trainRoom.sendText') }}</button>
</div>
</div>
</template>
<script>
// import HZRecorder from '@/utils/HZRecorder';
import RecordRTC from 'recordrtc';
import { chatWithText, chatWithAudio, chatWithAudioNew } from '@/api/chat';
import { chatWithTextNew } from '@/api/jointTraining';
export default {
props: {
room: {
type: Object,
required: true
},
members: {
type: Array,
required: true
},
height: {
type: Number,
required: true
}
},
data() {
return {
textList: [],
recordSending:false,
text: '',
seconds:0,
inter:null,
recorders: null,
sending: false,
disabled:true,
microphone:null,
baseUrl:process.env.VUE_APP_VOICE_API
};
},
computed: {
listHeight() {
return this.height - 119;
},
group() {
return this.$route.query.group;
},
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
},
drawWay() {
const drawWay = this.$route.query.drawWay;
return drawWay && JSON.parse(drawWay);
}
},
watch: {
'$store.state.socket.chatContent': function (val) { // 房间内语音聊天
if (val.chatInfo) {
this.handelTextList(val);
}
}
},
methods: {
async handleSetInputState(keyCode) {
if (!this.text.trim()) {
this.disabled = true;
} else {
this.disabled = false;
}
},
covertTime(time) {
return time.slice(0, time.indexOf('.'));
},
async handleSendText() {
try {
if (this.text.trim()) {
if (this.drawWay) {
await chatWithTextNew(this.text, this.group);
} else {
await chatWithText(this.text, this.group);
}
this.text = '';
this.disabled = true;
}
} catch (error) {
console.error(error);
}
},
async handelTextList(params) {
if (!params.inSimulation) {
this.textList.push(params);
this.textList.sort((a, b) => {
return a.date - b.date;
});
}
this.sending = false;
this.$store.dispatch('socket/setChatContent', {});
this.$nextTick(() => {
if (this.$refs.content) {
this.$refs.content.scrollTop = this.$refs.content.scrollHeight;
}
});
},
// 语音录制开始
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',
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;
}
}
);
}
},
// 停止录制
stopRecording() {
const that = this;
this.recorders.stopRecording(function(blobURL) {
clearInterval(that.inter);
that.seconds = 0;
const blob = that.recorders.getBlob();
const fd = new FormData();
fd.append('file', blob);
if (that.drawWay) {
chatWithAudioNew(fd, that.group)
.then((data) => {
})
.catch(error => {
console.log(error);
});
} else {
chatWithAudio(fd, that.group)
.then((data) => {
})
.catch(error => {
console.log(error);
});
}
if (that.microphone) {
that.microphone.stop();
that.microphone = null;
that.recordSending = false;
that.recorders = null;
}
});
},
cancleRecording() {
if (this.microphone) {
clearInterval(this.inter);
this.seconds = 0;
this.microphone.stop();
this.microphone = null;
this.recordSending = false;
this.recorders = null;
}
},
playAudio(nor) {
this.$refs.audio.src = this.baseUrl + nor.src;
this.$refs.audio.play();
}
}
};
</script>
<style scoped lang="scss">
ul,
li {
list-style: none;
padding: 0;
margin: 0;
}
::-webkit-scrollbar {
width: 0px;
}
::-webkit-scrollbar-thumb {
background-color: #c7c7c7;
}
.chat {
border: 1px solid #ccc;
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
&__head {
display: flex;
align-items: center;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
&--title {
font-size: 16px;
font-weight: bold;
padding:10px 0px 10px 10px;
}
}
&__container {
-webkit-box-flex: 1;
overflow-y: scroll;
padding-right: 8px;
padding-left: 2px;
position: relative;
&--list {
list-style: none;
margin: 0;
padding: 10px 0;
li {
width: 100%;
overflow: hidden;
padding-top: 8px;
}
.yuyin {
width: 20px;
height: 20px;
cursor: pointer;
margin-top: 21px;
margin-right: 3px;
float: right;
border: 1px solid #ccc;
border-radius: 50%;
}
.yuyin1 {
width: 20px;
height: 20px;
cursor: pointer;
margin-top: 21px;
margin-left: 3px;
float: left;
border: 1px solid #ccc;
border-radius: 50%;
}
.news {
max-width: 55%;
width: auto;
height: auto;
background: #2683f5;
padding: 6px 10px;
margin-top: 15px;
line-height: 20px;
font-size: 14px;
border-radius: 4px;
position: relative;
float: right;
color: #fff;
text-align: left;
}
.answers {
max-width: 55%;
width: auto;
height: auto;
background: #eee;
padding: 5px 10px;
margin-top: 15px;
line-height: 22px;
font-size: 14px;
border-radius: 5px;
margin-left: 10px;
position: relative;
float: left;
text-align: left;
}
.roomTip{
font-size: 12px;
text-align: center;
}
}
}
#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;
}
&__footer {
width: 100%;
height: 113px;
position: relative;
.chat_tool{
border-top: 1px solid #d8dce5;
width: 100%;
padding: 5px;
}
.microphoneBtn{
font-size: 18px;
padding: 2px;
width: 24px;
text-align: center;
&:hover{
color:#0188fb;
cursor: pointer;
}
}
&--text {
width: 99%;
height: 75px;
border: none;
outline: none;
resize: none;
font-size: 16px;
padding-left: 10px;
padding-top: 0px;
}
&--send {
width: 70px;
height: 25px;
background: #0188fb;
border: 0;
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
cursor: pointer;
font-size: 12px;
line-height: 25px;
text-align: center;
&:disabled{
background: #6dbcff;
cursor: no-drop;
}
}
}
}
</style>

152
src/views/trainRoom/e-device.vue
View File

@ -1,152 +0,0 @@
<template>
<div class="device">
<div class="device__head">
<div class="device__head--title">
{{ $t(titleI18n) }}<span>-{{ hasPlc? $t('trainRoom.plcGatewayOnline') : $t('trainRoom.plcGatewayOffline') }}</span>
</div>
<div class="device__head--add">
<el-button v-if="userId == room.creatorId" icon="el-icon-plus" circle plain @click="handleAddDevice()" />
</div>
</div>
<div class="device__container">
<ul class="device__container--list">
<li v-for="(node, index) in options" :key="index">
<span>{{ realDeviceType[node.deviceType] }}</span>
<i v-if="userId == room.creatorId" class="el-icon-close delete" @click="handleDelDevice(node, index)" />
<div style="float: right; margin-right: 15px;">
<el-select
v-model="node.deviceCode"
:placeholder="$t('global.choose')"
size="mini"
:disabled="userId != room.creatorId"
@change="handleUpdDevice(node, index)"
>
<el-option
v-for="item in deviceList"
:key="item.code"
:label="item.name"
:value="item.code"
:disabled="item.disabled"
style="margin-left: 10px"
/>
</el-select>
</div>
</li>
</ul>
</div>
</div>
</template>
<script>
import { RealDeviceType } from '@/scripts/ConstDic';
export default {
props: {
titleI18n: {
type: String,
required: true
},
room: {
type:Object,
required: true
},
options: {
type: Array,
required: true
},
deviceType: {
type: String,
default: ''
},
deviceList: {
type: Array,
default() {
return [];
}
},
hasPlc: {
type: Boolean,
default: false
}
},
data() {
return {
realDeviceType: RealDeviceType
};
},
computed: {
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
}
},
methods: {
handleAddDevice() {
this.$emit('addDevice', { deviceType: this.deviceType });
},
handleUpdDevice(node, index) {
this.$emit('changeDevice', { deviceType: this.deviceType, device: node, deviceList: this.deviceList });
},
handleDelDevice(node, index) {
this.$emit('delDevice', { deviceType: this.deviceType, device: node, deviceList: this.deviceList });
}
}
};
</script>
<style scoped lang="scss">
ul,
li {
list-style: none;
padding: 0;
margin: 0;
}
.device {
border: 1px solid #ccc;
height: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
&__head {
border-bottom: 1px solid #ccc;
background: #f0f0f0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 3px;
&--title {
font-size: 14px;
font-weight: bold;
margin-left:10px;
}
&--add {
margin-right:2px;
/deep/ .el-button.is-circle {
padding: 5px;
}
}
}
&__container {
flex-grow: 1;
&--list {
li {
height: 30px;
line-height: 30px;
padding-left: 10px;
display: flow-root;
}
.delete {
float: right;
margin-right: 10px;
margin-top: 7px;
cursor: pointer;
}
}
}
}
</style>

134
src/views/trainRoom/e-members.vue
View File

@ -1,134 +0,0 @@
<template>
<div class="member">
<div class="member__head">
<div class="member__head--title"> 成员列表</div>
<div class="member__head--notes"> {{ members.length }}/{{ room.totalNum }}</div>
</div>
<div class="member__container">
<el-input v-model="filterText" :placeholder="this.$t('global.enterNameToFilter')" clearable />
<el-scrollbar class="member__container--list" wrap-class="scrollbar-wrapper" :style="{height: treeHeight+'px'}">
<el-tree
ref="tree"
:data="filterMembers"
:filter-node-method="handleFilterNode"
:lazy="false"
:props="defaultProps"
@node-contextmenu="handleShowContextMenu"
>
<span slot-scope="{ node, data }">
<span v-if="node.data.inRoom" style="color: green;">{{ data.nickName }}</span>
<span v-else style="color: #ccc;">{{ data.nickName }}</span>
</span>
</el-tree>
</el-scrollbar>
</div>
<content-menu ref="menu" :click-user-id="clickUserId" />
</div>
</template>
<script>
import { DeviceMenu } from '@/scripts/ConstDic';
import ContentMenu from './content-menu';
export default {
components: {
ContentMenu
},
props: {
room: {
type: Object,
required: true
},
members: {
type: Array,
required: true
},
height: {
type: Number,
required: true
}
},
data() {
return {
filterText: '',
clickUserId: ''
};
},
computed: {
defaultProps() {
return { label: 'nickName' };
},
treeHeight() {
return this.height - 64;
},
filterMembers() {
return this.members.filter(e =>{ return e.nickName.includes(this.filterText); });
},
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
}
},
methods: {
handleFilterNode(value, data) {
if (!value) return true;
return data.name.indexOf(value) !== -1;
},
handleShowContextMenu(e, obj, node, vueElem) {
e.preventDefault();
const position = {
x: e.clientX,
y: e.clientY
};
if (this.userId == this.room.creatorId) {
this.clickUserId = `${obj.id || ''}`;
this.$store.dispatch('menuOperation/setPopMenu', { position, menu: DeviceMenu.JointRoom });
}
}
}
};
</script>
<style scoped lang="scss">
.member {
background: #f0f0f0;
display: flex;
flex-direction: column;
border: 1px solid #ccc;
&__head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px;
border-bottom: 1px solid #ccc;
&--title {
padding:10px 0px;
font-size: 16px;
font-weight: bold;
}
&--notes {
font-size: 16px;
padding:10px 0px;
display: flex;
align-items: flex-end;
}
}
&__container {
flex-grow: 1;
&--list {
background: #fff;
height: auto;
min-height: calc(100% - 40px);
max-height: calc(100% - 40px);
border-bottom: 1px #ccc solid;
&::-webkit-scrollbar {
display: none;
}
}
}
}
</style>

179
src/views/trainRoom/e-role.vue
View File

@ -1,179 +0,0 @@
<template>
<div class="role">
<div class="role__head">
<div class="role__head--title">
{{ $t(titleI18n) }}
</div>
<div class="role__head--add">
<el-button v-if="userId == room.creatorId && !projectDevice" :disabled="addRoleDis" icon="el-icon-plus" circle plain @click="handleAddUser()" />
</div>
</div>
<div class="role__container">
<ul class="role__container--list">
<li v-for="(node, index) in options" :key="index">
<span>{{ node.nickName }}</span>
<i v-if="userId == room.creatorId" class="el-icon-close delete" @click="handleDelUser(node, index)" />
<div v-if="hasDevice" style="float: right; margin-right: 15px;">
<el-cascader
v-if="roleType == 'IBP'"
v-model="node.deviceCode"
size="mini"
:placeholder="$t('global.choose')"
:disabled="isDisable || starting"
:options="deviceList"
@change="handleUpdUser(node, index)"
/>
<el-select
v-if="roleType.toUpperCase() == 'ATTENDANT' || roleType.toUpperCase() === 'STATION_SUPERVISOR'"
v-model="node.deviceCode"
:placeholder="$t('global.choose')"
size="mini"
:disabled="isDisable || starting"
@change="handleUpdUser(node, index)"
>
<el-option
v-for="(item,deviceIndex) in deviceList"
:key="deviceIndex"
:label="item.name"
:value="item.code"
:disabled="item.disabled"
style="margin-left: 10px"
/>
</el-select>
</div>
</li>
</ul>
</div>
</div>
</template>
<script>
export default {
props: {
titleI18n: {
type: String,
required: true
},
room: {
type:Object,
required: true
},
options: {
type: Array,
required: true
},
roleType: {
type: String,
default: ''
},
deviceList: {
type: Array,
default() {
return [];
}
}
},
data() {
return {
};
},
computed: {
hasDevice() {
return ['ATTENDANT', 'IBP', 'STATION_SUPERVISOR'].includes(this.roleType.toUpperCase());
},
isDisable() {
return this.userId != this.room.creatorId;
},
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
},
projectDevice() {
return this.$store.state.user.projectDevice;
},
addRoleDis() {
if (this.roleType === 'CI' && this.options.length > 0) {
return true;
} else {
return false;
}
},
starting() {
return this.$route.query.drawWay + '' === 'true' && this.room.state == '02';
}
},
methods: {
handleAddUser() {
this.$emit('addUser', { roleType: this.roleType });
},
handleUpdUser(node, index) {
this.$emit('changeUser', { roleType: this.roleType, user: node, deviceList: this.deviceList });
},
handleDelUser(node, index) {
this.$emit('delUser', { roleType: this.roleType, user: node, deviceList: this.deviceList });
}
}
};
</script>
<style scoped lang="scss">
ul,
li {
list-style: none;
padding: 0;
margin: 0;
}
.role {
border: 1px solid #ccc;
height: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
&__head {
border-bottom: 1px solid #ccc;
background: #f0f0f0;
display: flex;
height: 33px;
justify-content: space-between;
align-items: center;
padding: 3px;
&--title {
font-size: 14px;
font-weight: bold;
margin-left:10px;
}
&--add {
margin-right:2px;
/deep/ .el-button.is-circle {
padding: 5px;
}
}
}
&__container {
flex-grow: 1;
&--list {
li {
height: 30px;
line-height: 30px;
padding-left: 10px;
display: flow-root;
&:hover {
background: #D6E0F2;
}
}
.delete {
float: right;
margin-right: 10px;
margin-top: 7px;
cursor: pointer;
}
}
}
}
</style>

582
src/views/trainRoom/e-roles.vue
View File

@ -1,582 +0,0 @@
<template>
<div class="roles">
<div class="roles__head">
<div class="roles__head--title">
<div class="label">人员分配</div>
<div class="notes">{{ room.permissionRest }} / {{ room.permissionNum - 1 }}</div>
</div>
<div class="roles__head--reset">
<!--<el-button size="mini" round>重置</el-button>-->
</div>
</div>
<div class="roles__container">
<el-scrollbar wrap-class="scrollbar-wrapper" :style="{height: rolesHeight+'px', width: '100%'}">
<div class="roles">
<e-role
class="role"
title-i18n="trainRoom.dispatcher"
role-type="Dispatcher"
:room="room"
:options="dispatcherList"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-role
class="role"
title-i18n="trainRoom.stationAttendant"
role-type="Attendant"
:room="room"
:options="attendantList"
:device-list="stationListForAttendant"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-role
v-if="drawWay != 'true'"
class="role"
title-i18n="trainRoom.teacher"
role-type="Instructor"
:room="room"
:options="instructorList"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-role
class="role"
title-i18n="trainRoom.universalAccount"
role-type="Repair"
:room="room"
:options="repairList"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-role
class="role"
title-i18n="trainRoom.driver"
role-type="Driver"
:room="room"
:options="driverList"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-role
v-if="drawWay != 'true'"
class="role"
title-i18n="trainRoom.ibp"
role-type="IBP"
:room="room"
:options="ibpList"
:device-list="stationListForIBP"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-role
v-if="isGzbProject"
class="role"
title-i18n="trainRoom.interlock"
role-type="CI"
:room="room"
:options="ciList"
@addUser="handleAddUser"
@changeUser="handleUpdUser"
@delUser="handleDelUser"
/>
<e-device
v-if="isXtyProject"
class="role"
title-i18n="trainRoom.realDevice"
device-type="StationStand"
:room="room"
:options="standList"
:device-list="doorList"
:has-plc="hasPlc"
@addDevice="handleAddDevice"
@changeDevice="handleUpdDevice"
@delDevice="handleDelDevice"
/>
</div>
</el-scrollbar>
</div>
<div class="roles__footer">
<el-button v-if="userId == room.creatorId" style="margin-left: 10px" type="danger" :disabled="disabled" @click="handleExit">{{ $t('trainRoom.destroyRoom') }}</el-button>
<el-button v-if="userId == room.creatorId && !isLocal" style="margin-left: 10px" type="success" :disabled="disabled" @click="handlePostQrcode">{{ $t('trainRoom.generatingQRCode') }}</el-button>
<el-button v-if="userId == room.creatorId && isLocal" style="margin-left: 10px" type="success" :disabled="disabled" @click="handleGetGroup">{{ $t('trainRoom.getGroupId') }}</el-button>
<template v-if="!starting">
<el-button v-if="userId == room.creatorId" style="margin-left: 10px" type="primary" :disabled="disabled" @click="handleStart"> {{ $t('trainRoom.startSimulation') }}</el-button>
</template>
<template v-else>
<el-button type="primary" style="margin-left: 10px" :disabled="disabled" @click="handleJoin"> {{ $t('trainRoom.enterSimulation') }}</el-button>
<el-button v-if="userId == room.creatorId" style="margin-left: 10px" type="warning" :disabled="disabled" @click="handleStop"> {{ $t('trainRoom.endSimulation') }}</el-button>
</template>
<el-button v-if="!projectDevice" type="" :disabled="disabled" @click="handleBack">{{ $t('global.back') }}</el-button>
</div>
<add-person ref="addPerson" :audience-list="audienceList" @dispatch="handleDispatchUser" />
<qr-code ref="qrCode" />
</div>
</template>
<script>
import eRole from './e-role';
import eDevice from './e-device';
import AddPerson from './add-person';
import QrCode from '@/components/QrCode';
import { getJoinTrainCode, startJointTraining, deljointTrainRoom, putJointTrainingExit, putJointTrainingSimulation, putUserRoles, setRealDevice, delRealDevice } from '@/api/chat';
import { getJoinTrainCodeNew, startJointTrainingNew, deljointTrainRoomNew, putUserRolesNew, putJointTrainingExitNew, putJointTrainingSimulationNew, setRealDeviceNew, delRealDeviceNew } from '@/api/jointTraining';
import { getPlcGateway } from '@/api/simulation';
import { getSessionStorage } from '@/utils/auth';
export default {
components : {
eRole,
eDevice,
AddPerson,
QrCode
},
props: {
room: {
type: Object,
required: true
},
members: {
type: Array,
required: true
},
height: {
type: Number,
required: true
},
stationList: {
type: Array,
default() {
return [];
}
},
availableStationList:{
type: Array,
default() {
return [];
}
},
standList: {
type: Array,
default() {
return [];
}
},
doorList: {
type: Array,
default() {
return [];
}
}
},
data() {
return {
disabled: false,
hasPlc: false
};
},
computed: {
rolesHeight() {
return this.height - 100;
},
projectDevice() {
return this.$store.state.user.projectDevice;
},
isXtyProject() {
return getSessionStorage('project').endsWith('xty');
},
isGzbProject() {
return getSessionStorage('project').endsWith('gzb');
},
isLocal() {
return process.env.VUE_APP_PRO === 'local';
},
group() {
return this.$route.query.group;
},
drawWay() {
return this.$route.query.drawWay + '';
},
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
},
starting() {
return this.room.state == '02';
},
stationListForAttendant() {
if (this.drawWay === 'true') {
return this.availableStationList;
} else {
return this.stationList.filter(elem => { return elem.centralized; }).map(item => {
const elem = { code: item.code, name: item.name, disabled: false };
this.attendantList.forEach(nor => {
if (elem.code == nor.deviceCode) {
elem.disabled = true;
}
});
return elem;
});
}
},
stationListForIBP() {
return this.stationList.map(item => {
const elem = { value: item.code, label: item.name, children: [{value: 'left', label: this.$t('trainRoom.left')}, {value: 'right', label: this.$t('trainRoom.right')}] };
return elem;
});
},
dispatcherList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('DISPATCHER'); });
},
attendantList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('ATTENDANT') || [elem.userRole.toUpperCase()].includes('STATION_SUPERVISOR'); });
},
instructorList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('INSTRUCTOR'); });
},
repairList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('REPAIR') || [elem.userRole.toUpperCase()].includes('MAINTAINER'); });
},
driverList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('DRIVER'); });
},
ibpList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('IBP'); });
},
audienceList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('AUDIENCE'); });
},
ciList() {
return this.members.filter(elem => { return [elem.userRole.toUpperCase()].includes('CI'); });
}
},
async mounted() {
await this.checkPlcGateway();
},
methods: {
async checkPlcGateway() {
try {
const resp = await getPlcGateway(this.group);
this.hasPlc = !!resp.data;
} catch (e) {
this.hasPlc = false;
this.$messageBox(this.$t('error.inquiryPLCDeviceFailed'));
}
},
async handleAddDevice({deviceType}) {
const roomDeviceVo = {id: '', deviceType: 'ScreenDoor', deviceCode: ''};
if (this.standList.findIndex(elem => { return elem.deviceType == roomDeviceVo.deviceType; }) > -1) {
this.$message.info(this.$t('error.theDeviceTypeAlreadyExists'));
return;
}
if (this.drawWay === 'true') {
await setRealDeviceNew(this.group, roomDeviceVo);
} else {
await setRealDevice(this.group, roomDeviceVo);
}
},
async handleUpdDevice({deviceType, device}) {
try {
if (this.drawWay === 'true') {
await setRealDeviceNew(this.group, device);
} else {
await setRealDevice(this.group, device);
}
} catch (e) {
this.$messageBox(this.$t('error.connectToRealDeviceFailed'));
}
},
async handleDelDevice({deviceType, device}) {
try {
if (this.drawWay === 'true') {
await delRealDeviceNew(device.id, this.group);
} else {
await delRealDevice(device.id, this.group);
}
} catch (e) {
this.$messageBox(this.$t('error.deleteRealDeviceFailed'));
}
},
async handleAddUser({roleType}) {
this.$refs.addPerson.doShow(roleType);
},
async handleDelUser({roleType, user}) {
const params = [{
id: user.id,
nickName: user.nickName,
userRole: 'Audience',
deviceCode: ''
}];
if (this.drawWay === 'true') {
params[0].userRole = 'AUDIENCE';
try {
await putUserRolesNew(params, this.group);
} catch (error) {
this.$message(error.message);
}
} else {
await putUserRoles(params, this.group);
}
},
async handleUpdUser({roleType, user, deviceList}) {
let deviceCode = '';
if (roleType === 'IBP') {
user.ibpPart = user.deviceCode[1];
deviceCode = user.deviceCode[0];
} else {
user.ibpPart = '';
deviceCode = user.deviceCode;
}
const params = [{
id: user.id,
nickName: user.nickName,
userRole: roleType,
deviceCode: deviceCode,
ibpPart: user.ibpPart
}];
if (this.drawWay === 'true') {
params[0].userRole = roleType.toUpperCase();
if (roleType === 'Attendant') {
params[0].userRole = 'STATION_SUPERVISOR';
} else if (roleType === 'Repair') {
params[0].userRole = 'MAINTAINER';
}
try {
await putUserRolesNew(params, this.group);
} catch (error) {
this.$message(error.message);
}
} else {
await putUserRoles(params, this.group);
}
this.stationList.forEach(item => {
item.disabled = false;
deviceList.forEach(nor => {
if (item.code === nor.deviceCode) {
item.disabled = true;
}
});
});
},
async handleDispatchUser({roleType, userList}) {
if (userList.length) {
try {
let list = [];
if (this.drawWay === 'true') {
if (roleType === 'Attendant') {
list = userList.map(elem => { return { id: elem.id, nickName: elem.nickName, userRole: 'STATION_SUPERVISOR' }; });
} else if (roleType === 'Repair') {
list = userList.map(elem => { return { id: elem.id, nickName: elem.nickName, userRole: 'MAINTAINER'}; });
} else {
list = userList.map(elem => { return { id: elem.id, nickName: elem.nickName, userRole: roleType.toUpperCase() }; });
}
try {
await putUserRolesNew(list, this.group);
} catch (error) {
this.$message(error.message);
}
} else {
list = userList.map(elem => { return { id: elem.id, nickName: elem.nickName, userRole: roleType }; });
await putUserRoles(list, this.group);
}
list.forEach(item => {
this.treeData.forEach(nor => {
if (item.id == nor.id) {
nor.userRole = item.userRole;
}
});
});
} catch (error) {
if (error.code == 500009) {
this.messageInfo({error:'error', message: this.$t('error.exceededTheTotalNumberOfAssignableRoles')} );
}
}
}
},
async handlePostQrcode() {
this.disabled = true;
let res = '';
if (this.drawWay === 'true') {
res = await getJoinTrainCodeNew({}, this.group);
} else {
res = await getJoinTrainCode({}, this.group);
}
if (res.code == '200') {
const param = {
url: res.data,
title: this.$t('trainRoom.distributeTheRoomQRCode'),
group: this.group
};
if (this.$refs) {
this.$refs.qrCode.doShow(param);
}
}
this.disabled = false;
},
async handleJoin() {
try {
this.disabled = true;
this.$emit('joinTraining');
} catch (e) {
console.error(e);
}
},
async handleStart() {
this.disabled = true;
if (this.attendantList.findIndex(item => { return !item.deviceCode; }) < 0) {
try {
if (this.drawWay === 'true') {
await startJointTrainingNew(this.group);
} else {
await startJointTraining(this.group);
}
} catch (error) {
this.$emit('message', {type:'error', message: this.$t('error.startedComprehensiveDrillFailure')});
this.disabled = false;
}
} else {
this.$emit('message', {type:'error', message: this.$t('error.stationAttendantStationCannotBeEmpty')});
this.disabled = false;
}
},
async handleStop() {
try {
this.disabled = true;
let res = '';
if (this.drawWay === 'true') {
res = await putJointTrainingSimulationNew(this.group);
} else {
res = await putJointTrainingSimulation(this.group);
}
this.mapId = res.data.mapId;
} catch (e) {
console.error(e);
} finally {
this.disabled = false;
}
},
async handleExit() {
this.disabled = true;
this.$confirm( this.$t('tip.destroyRoomHint'), this.$t('tip.hint'), {
confirmButtonText: this.$t('global.confirm'),
cancelButtonText: this.$t('global.cancel'),
type: 'warning'
}).then(async () => {
try {
if (this.drawWay === 'true') {
await deljointTrainRoomNew(this.group);
} else {
await deljointTrainRoom(this.group);
}
} catch (error) {
this.$emit('message', {type:'error', message: this.$t('error.destroyedRoomFailed')});
} finally {
this.disabled = false;
}
}).catch(() => {
this.disabled = false;
});
},
handleGetGroup() {
this.$messageBox(this.group, this.$t('trainRoom.groupId'), 'success');
},
async handleBack() {
try {
this.disabled = true;
if (this.drawWay === 'true') {
await putJointTrainingExitNew(this.group);
} else {
await putJointTrainingExit(this.group);
}
this.$emit('clearSubscribe');
this.$router.go(-1);
} catch (error) {
this.disabled = false;
this.$emit('message', {type:'error', message: this.$t('error.operationFailure')});
}
}
}
};
</script>
<style scoped lang="scss">
.roles {
display: flex;
flex-direction: column;
background: #fff;
&__head {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px;
border-top: 1px solid #ccc;
box-shadow: 0 3px 3px #ccc;
background: #F0F0F0;
&--title {
display: flex;
align-items: flex-end;
padding: 10px 0px;
.label {
font-size: 16px;
font-weight: bold;
border-left: 5px solid #CF2727;
padding: 0 5px
}
.notes {
font-size: 12px;
padding: 0 5px
}
}
&--reset {
.el-button {
background: #CF2727;
color: #fff;
}
}
}
&__container {
display: flex;
flex-grow: 1;
padding: 5px 10px;
.roles {
display: flex;
justify-content: flex-start;
flex-flow: row wrap;
flex-grow: 1;
.role {
display: flex;
flex-basis: 340px;
margin-top: 20px;
margin-left: 40px;
}
}
}
&__footer {
height: 60px;
display: flex;
padding: 0 30px;
align-items: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
}
</style>

435
src/views/trainRoom/index.vue
View File

@ -1,435 +0,0 @@
<template>
<div class="room">
<div class="room__head">
<div class="room__head--title">
{{ $t('trainRoom.comprehensiveDrillRoom') }}
</div>
<div class="room__head--notes">
{{ $t('trainRoom.comprehensiveTrainingManager') + room.creator.nickName }}
</div>
<div v-if="projectDevice" class="room__head--info">
<el-dropdown class="avatar-container" trigger="hover" :show-timeout="100" style="height:20px; cursor: pointer;">
<div class="avatar-wrapper">
<span style="color: white;font-size: 16px;">
{{ username }}
</span>
<i class="el-icon-caret-bottom" style="color: #909399;" />
</div>
<el-dropdown-menu slot="dropdown" class="user-dropdown">
<el-dropdown-item>
<span style="display:block;" @click="handleDetail">{{ $t('global.personalDetails') }}</span>
</el-dropdown-item>
<el-dropdown-item>
<span style="display:block;" @click="logout">{{ $t('global.exit') }}</span>
</el-dropdown-item>
</el-dropdown-menu>
<user-info ref="userInfo" />
</el-dropdown>
</div>
</div>
<div class="room__container">
<e-members
class="room__container--members"
:room="room"
:members="members"
:height="height"
@message="messageInfo"
/>
<e-roles
class="room__container--roles"
:room="room"
:members="members"
:height="height"
:station-list="stationList"
:available-station-list="availableStationList"
:stand-list="standList"
:door-list="doorList"
@message="messageInfo"
@joinTraining="jumpInSimulation"
@clearSubscribe="clearSubscribe"
/>
<e-chat
class="room__container--chat"
:room="room"
:members="members"
:height="height"
@message="messageInfo"
/>
</div>
<div class="room__footer" />
<user-info ref="userInfo" />
</div>
</template>
<script>
import { getToken } from '@/utils/auth';
import { creatSubscribe, clearSubscribe, roomTopic} from '@/utils/stomp';
import eMembers from './e-members';
import eChat from './e-chat';
import eRoles from './e-roles';
import { postRoomDetail, getJointTrainRoomUserList, getRealDevices, putJointTrainingSimulationEntrance, getjointTraining } from '@/api/chat';
import { postRoomDetailNew, getJointTrainRoomUserListNew, putJointTrainingSimulationEntranceNew, getjointTrainingNew, getRealDevicesNew, getAvailableStaionList} from '@/api/jointTraining';
import { getPublishMapInfo, hasDoorStationList } from '@/api/jmap/map';
import { launchFullscreen } from '@/utils/screen';
import { getStationList } from '@/api/runplan';
import { checkLoginLine } from '@/api/login';
import userInfo from '@/layout/components/userInfo';
export default {
components: {
eMembers,
eChat,
eRoles,
userInfo
},
data() {
return {
room: {
totalNum: 0,
group: '',
mapId: '',
creatorId: '',
creator: {
nickName: ''
},
permissionRest: 0,
permissionNum: 0,
state: ''
},
userMap: [],
members: [],
stationList: [],
availableStationList:[],
standList: [],
doorList: [],
timer: null
};
},
computed: {
height() {
return this.$store.state.app.height - 100;
},
group() {
return this.$route.query.group;
},
drawWay() {
return this.$route.query.drawWay + '';
},
userId() {
return this.$store.state.user ? this.$store.state.user.id : '';
},
username() {
return this.$store.state.user.nickname;
},
projectDevice() {
return this.$store.state.user.projectDevice;
}
},
watch: {
members: {
deep: true,
handler() {
this.room.permissionRest = this.members.filter(elem => ['AUDIENCE'].includes(elem.userRole.toUpperCase())).length;
}
},
// 用户信息
'$store.state.socket.roleList': async function (val) {
if (val.length) {
await this.dispatchUsers(val);
}
},
// 房间消息
'$store.state.socket.jointRoomInfo': async function (val) {
if (val.creatorId) {
await this.dispatchRoomInfo(val);
}
},
// 设备信息
'$store.state.socket.realDeviceInfo': async function (val) {
await this.getStandList();
},
// 路由切换
'$route': async function() {
await this.loadInit();
}
},
async created() {
await this.loadInit();
},
methods: {
async loadInit() {
await this.subscribe();
if (!this.$store.state.socket.setInRoom && this.drawWay !== 'true') {
await getjointTraining(this.group);
} else if (!this.$store.state.socket.setInRoom && this.drawWay === 'true') {
await getjointTrainingNew(this.group);
}
await this.getRoomInfo();
await this.getUserList();
await this.getStandList();
await this.getStaionList(this.room.mapId);
if (this.drawWay === 'true') {
await this.getAvailableStaionList(this.room.mapId);
}
await this.getDoorList(this.room.mapId, this.stationList);
if (this.timer) { clearInterval(this.timer); }
this.timer = setInterval(() => {
checkLoginLine();
}, 5000 * 60);
},
async getRoomInfo() {
let resp = '';
if (this.drawWay === 'true') {
resp = await postRoomDetailNew(this.group);
} else {
resp = await postRoomDetail(this.group);
}
this.room = {
permissionRest: 0,
totalNum: Number(resp.data.permissionNum) + Number(resp.data.audiencePermissionNum),
...resp.data || {}
};
},
async getStandList() {
let resp = '';
if (this.drawWay === 'true') {
resp = await getRealDevicesNew(this.group);
} else {
resp = await getRealDevices(this.group);
}
this.standList = resp.data || [];
},
async getStaionList(mapId) {
const resp = await getStationList(mapId);
this.stationList = resp.data || [];
},
async getAvailableStaionList(mapId) {
const resp = await getAvailableStaionList(mapId);
this.availableStationList = resp.data || [];
},
async getDoorList(mapId, stationList) {
const doorList = [];
hasDoorStationList(mapId).then(res =>{
stationList.forEach(item => {
res.data.forEach(it =>{
if (item.code === it.stationCode) {
const direction = parseInt(it.doorLocationType) % 2 === 0 ? this.$t('trainRoom.uplinkPlatform') : this.$t('trainRoom.downlinkPlatform');
doorList.push({code: it.code, name: item.name + direction});
}
});
});
this.doorList = doorList;
}).catch(() => {
this.$messageBox(this.$t('error.getScreenDoorsListFailed'));
});
},
async getUserList() {
let res = '';
if (this.drawWay === 'true') {
res = await getJointTrainRoomUserListNew(this.group);
} else {
res = await getJointTrainRoomUserList(this.group);
}
this.members = (res.data || []).map(elem => { return this.transformUser(elem); });
},
async dispatchUsers(users) {
users.forEach(user => {
const index = this.members.findIndex(elem => { return user.id == elem.id; });
if (user.userRole) {
if (index >= 0) {
this.checkUserState(user, this.members[index]);
this.members.splice(index, 1, this.transformUser(user));
} else {
this.checkUserState(user, null);
this.members.push(this.transformUser(user));
}
} else {
if (this.members[index]) {
this.checkUserState(user, this.members[index]);
this.members.splice(index, 1);
}
}
});
},
async dispatchRoomInfo(room) {
Object.assign(this.room, room);
switch (room.state) {
case '03': // 房间销毁
{ this.clearSubscribe();
this.$router.go(-1);
break; }
case '02': // 开始仿真
{
// this.clearSubscribe();
await this.jumpInSimulation();
break; }
}
// 清空房间信息
this.$store.dispatch('socket/setJointRoomInfo');
},
async checkUserState(user, old) {
const message = {
join: true,
id: user.id,
userName: user.nickName,
userRole: user.userRole,
name: user.name,
roomTip: '',
chatInfo: true,
inSimulation: user.inSimulation,
inRoom: user.inRoom,
session: 'session',
oneself: user.id === this.$store.state.user.id
};
if (old) {
if (!user.userRole) {
this.$store.dispatch('socket/setChatContent', {...message, roomTip: `${user.nickName}被提出房间`});
if (this.userId == user.id) {
await this.jumpOutRoom();
}
} else if (old.userRole) {
if (old.inRoom && !user.inRoom) {
this.$store.dispatch('socket/setChatContent', {...message, roomTip: `${user.nickName}离线`});
if (this.userId == user.id) {
await this.jumpOutRoom();
}
}
if (!old.inRoom && user.inRoom) {
this.$store.dispatch('socket/setChatContent', {...message, roomTip: `${user.nickName}在线`});
}
if (!old.inSimulation && user.inSimulation) {
this.$store.dispatch('socket/setChatContent', {...message, roomTip: `${user.nickName}进入仿真`});
if (this.userId == user.id && user.userRole.toUpperCase() !== 'ADMIN') {
await this.jumpInSimulation();
}
}
}
} else {
this.$store.dispatch('socket/setChatContent', {...message, roomTip: `${user.nickName}进入房间`});
}
},
async jumpInSimulation() {
const room = this.room;
if (this.drawWay === 'true') {
await putJointTrainingSimulationEntranceNew(room.group);
} else {
await putJointTrainingSimulationEntrance(room.group);
}
const rest = await getPublishMapInfo(room.mapId);
const query = { lineCode: rest.data.lineCode, mapId: room.mapId, group: room.group, roomId: room.id };
if (this.drawWay === 'true') {
query.drawWay = this.drawWay;
this.$router.replace({ path: `/jointTrainingNew`, query: query});
} else {
this.$router.replace({ path: `/jointTraining`, query: query });
}
// 清空房间信息
this.$store.dispatch('socket/setJointRoomInfo');
launchFullscreen();
},
async jumpOutRoom() {
this.$router.go(-1);
this.messageInfo({error: 'warning', message: this.$t('tip.beKickedOut')});
},
transformUser(user) {
// 根据用户角色专用数据数据
switch (user.userRole) {
case 'IBP':
user.deviceCode = [user.deviceCode || '', user.ibpPart || ''];
break;
}
return user;
},
messageInfo(info) {
this.$message({ showClose: true, ...info });
},
async subscribe() {
if (!this.$store.state.socket.roomIsSubscribe) {
this.clearSubscribe();
const header = { group: this.group || '', 'X-Token': getToken() };
creatSubscribe(`${roomTopic}\/${this.group}`, header);
await this.$store.dispatch('socket/setRoomSubscribe', true);
}
},
async clearSubscribe() {
clearSubscribe(`${roomTopic}\/${this.group}`);
await this.$store.dispatch('socket/setRoomSubscribe', false);
},
logout() {
this.$store.dispatch('LogOut').then(() => {
location.reload(); // 为了重新实例化vue-router对象 避免bug
});
},
handleDetail() {
this.$refs.userInfo.doShow();
}
}
};
</script>
<style scoped lang="scss">
.room {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
background: #f0f0f0;
&__head {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #000;
color: #fff;
padding: 10px;
position: relative;
&--title {
font-size: 22px;
font-weight: bold;
}
&--notes {
position: absolute;
left: 10px;
bottom: 5px;
}
&--info {
position: absolute;
right: 10px;
bottom: 5px;
}
}
&__container {
display: flex;
flex-grow: 1;
padding: 10px;
&--members {
flex-shrink: 1;
flex-grow: 1;
}
&--roles {
flex-grow: 5;
flex-shrink: 5;
}
&--chat {
flex-basis: 360px;
}
}
&__footer {
height: 20px;
}
}
</style>