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

调整列表样式

Browse Source
This commit is contained in:
zyy 2020-07-30 15:32:39 +08:00
parent 1ed90362c0
commit 48491044ce
4 changed files with 81 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/views/newMap/displayNew/chatView/chatBox.vue
View File

@ -1,68 +1,68 @@
<template> <template>
<div class="chatBox" :class="{'active': drawer}" :style="{'bottom':bottom+'px'}"> <div class="chatBox" :class="{'active': drawer}" :style="{'bottom':bottom+'px'}">
<div class="menuTrainListBtn" @click="clickBtn"> <div class="menuTrainListBtn" @click="clickBtn">
<i class="el-icon-more" /> <i class="el-icon-more" />
</div> </div>
<div class="chat-box-main"> <div class="chat-box-main">
<div class="chat-box-header"> <div class="chat-box-header">
<div class="chat-box-header-title"> <div class="chat-box-header-title">
<el-input v-show="isShow" v-model="queryMember" size="small" placeholder="请输入搜索人员"> <el-input v-show="isShow" v-model="queryMember" size="small" placeholder="请输入搜索人员">
<el-button slot="append" icon="el-icon-search" /> <el-button slot="append" icon="el-icon-search" />
</el-input> </el-input>
</div> </div>
<!-- <div class="minimality" @click="handleMinimality('min')"> <!-- <div class="minimality" @click="handleMinimality('min')">
<i class="el-icon-remove" /> <i class="el-icon-remove" />
</div> --> </div> -->
<!-- <div v-show="memberListCoversition.all==undefined?true&&isShow:memberListCoversition.all&&isShow" class="chat-createGroup" @click="handleCreateGroup()"> <!-- <div v-show="memberListCoversition.all==undefined?true&&isShow:memberListCoversition.all&&isShow" class="chat-createGroup" @click="handleCreateGroup()">
<i class="el-icon-plus" style="font-weight: bolder;" /> <i class="el-icon-plus" style="font-weight: bolder;" />
</div> --> </div> -->
<div class="chat-setting" @click="handleSetting()"> <div class="chat-setting" @click="handleSetting()">
<i class="el-icon-s-tools" /> <i class="el-icon-s-tools" />
</div> </div>
</div> </div>
<div v-if="isShow" class="chat-box-content"> <div v-if="isShow" class="chat-box-content">
<el-tree <el-tree
ref="tree" ref="tree"
:data="treeData" :data="treeData"
:props="defaultProps" :props="defaultProps"
node-key="id" node-key="id"
default-expand-all default-expand-all
:filter-node-method="filterNode" :filter-node-method="filterNode"
show-checkbox show-checkbox
style="margin: 10px;overflow-y: auto;height: 100%;margin-right: 0;" style="margin: 10px;overflow-y: auto;height: 100%;margin-right: 0;"
@check-change="handleCheckChange" @check-change="handleCheckChange"
> >
<span :id="data.id" slot-scope="{ node, data }"> <span :id="data.id" slot-scope="{ node, data }">
<span style="font-size: 14px">{{ data.label }}</span> <span style="font-size: 14px">{{ data.label }}</span>
</span> </span>
</el-tree> </el-tree>
</div> </div>
<div v-else class="chat-box-content"> <div v-else class="chat-box-content">
<div class="chatcontentInner"> <div class="chatcontentInner">
<chat-content ref="chatContent" :chat-content-list="chatContentList" /> <chat-content ref="chatContent" :chat-content-list="chatContentList" />
<div v-if="recordSending" class="chat_record_tip"> <div v-if="recordSending" class="chat_record_tip">
<div id="record_progress_bar" :style="'width:'+100/60*seconds+'%'" /> <div id="record_progress_bar" :style="'width:'+100/60*seconds+'%'" />
<div class="record_icon" /> <div class="record_icon" />
<div class="record_tip_text">正在录音...</div> <div class="record_tip_text">正在录音...</div>
<div class="record_tip_confirm" @click="stopRecording()">确定</div> <div class="record_tip_confirm" @click="stopRecording()">确定</div>
<div class="record_tip_cancle" @click="cancleRecording()">取消</div> <div class="record_tip_cancle" @click="cancleRecording()">取消</div>
</div> </div>
</div> </div>
<chat-member-list ref="chatMemberList" :user-role="userRole" :current-member-list="currentMemberList" /> <chat-member-list ref="chatMemberList" :user-role="userRole" :current-member-list="currentMemberList" />
</div> </div>
<div class="chat-box-footer"> <div class="chat-box-footer">
<div v-if="isShow"> <div v-if="isShow">
<div class="userString">{{ userString }}</div> <div class="userString">{{ userString }}</div>
<el-button :loading="loading" size="mini" type="primary" class="chat-box-create-coversite" @click="doCreate">创建会话</el-button> <el-button :loading="loading" size="mini" type="primary" class="chat-box-create-coversite" @click="doCreate">创建会话</el-button>
</div> </div>
<div v-else> <div v-else>
<div class="chat-box-footer-tool" /> <div class="chat-box-footer-tool" />
<el-button v-if="isButtonShow&&isCreate" size="mini" type="danger" class="chat-box-footer-quit" :loading="loading" @click="quitCoversition()">结束会话</el-button> <el-button v-if="isButtonShow&&isCreate" size="mini" type="danger" class="chat-box-footer-quit" :loading="loading" @click="quitCoversition()">结束会话</el-button>
<el-button v-if="memberListCoversition.all||isButtonShow" class="chat-box-footer-send" size="mini" type="primary" :disabled="recordSending" @click="startRecording()">发送语音</el-button> <el-button v-if="memberListCoversition.all||isButtonShow" class="chat-box-footer-send" size="mini" type="primary" :disabled="recordSending" @click="startRecording()">发送语音</el-button>
<div v-if="scriptTip" class="scriptTip">{{ scriptTip }}</div> <div v-if="scriptTip" class="scriptTip">{{ scriptTip }}</div>
</div> </div>
</div> </div>
</div> </div>
<chat-setting ref="chatSetting" :form="form" @setSetting="setSetting" /> <chat-setting ref="chatSetting" :form="form" @setSetting="setSetting" />
<!-- <chat-create-group ref="createGroup" :group="group" :member-list="memberList" @addCoversition="addCoversition" /> --> <!-- <chat-create-group ref="createGroup" :group="group" :member-list="memberList" @addCoversition="addCoversition" /> -->
<chat-tooltip :group="group" @getCoversitionList="getCoversitionList" /> <chat-tooltip :group="group" @getCoversitionList="getCoversitionList" />
@ -100,7 +100,7 @@ export default {
}, },
data() { data() {
return { return {
drawer: false, drawer: false,
bottom:15, bottom:15,
recordSending:false, recordSending:false,
memberList:[], memberList:[],
@ -207,7 +207,7 @@ export default {
this.initPage(); this.initPage();
}, },
methods:{ methods:{
clickBtn() { clickBtn() {
if (this.drawer) { if (this.drawer) {
this.drawer = false; this.drawer = false;
} else { } else {
@ -254,8 +254,8 @@ export default {
lastData = Object.values(lastData); lastData = Object.values(lastData);
const lastMemberList = []; const lastMemberList = [];
const dispatcherList = []; const dispatcherList = [];
const electricDispatcherList = []; // const electricDispatcherList = [];
const depotDispatcherList = []; // const depotDispatcherList = [];
const stationSupervisorList = []; const stationSupervisorList = [];
const driverList = []; const driverList = [];
const maintainerList = []; const maintainerList = [];
@ -464,7 +464,7 @@ export default {
type: 'audio', type: 'audio',
recorderType: StereoAudioRecorder, recorderType: StereoAudioRecorder,
numberOfAudioChannels: 1, numberOfAudioChannels: 1,
bitsPerSecond:256000, bitsPerSecond: 256000,
desiredSampRate: 16000 desiredSampRate: 16000
}); });
that.recorders.startRecording(); that.recorders.startRecording();

2
src/views/newMap/displayNew/chatView/chatMemberList.vue
View File

@ -63,7 +63,7 @@ export default {
margin-top: 10px; margin-top: 10px;
font-size: 12px; font-size: 12px;
margin-left: 0px; margin-left: 0px;
height: 350px; height: calc(100% - 18px);
overflow-y: auto; overflow-y: auto;
} }
.each-chat-member{ .each-chat-member{

32
src/views/newMap/displayNew/menuDemon.vue
View File

@ -9,22 +9,24 @@
<div class="display-draft" :class="{'haerbin_btn_box': $route.query.lineCode == '07'}" :style="{bottom: offsetBottom + 'px'}"> <div class="display-draft" :class="{'haerbin_btn_box': $route.query.lineCode == '07'}" :style="{bottom: offsetBottom + 'px'}">
<el-button-group class="button-group-box"> <el-button-group class="button-group-box">
<el-button type="primary" size="small" @click="back">{{ projectDevice?'退出':$t('display.demon.back') }}</el-button> <el-button type="primary" size="small" @click="back">{{ projectDevice?'退出':$t('display.demon.back') }}</el-button>
<template v-if="isShowQuest"> <template v-if="!dataError">
<!-- && !isDesignPlatform --> <template v-if="isShowQuest">
<el-button v-if="!isDesignPlatform && !dataError" type="danger" size="small" @click="handleQuitQuest">{{ $t('display.demon.exitScript') }}</el-button> <!-- && !isDesignPlatform -->
<el-button v-if="!isDesignPlatform" type="danger" size="small" @click="handleQuitQuest">{{ $t('display.demon.exitScript') }}</el-button>
</template>
<template v-else-if="!projectDevice">
<el-button type="danger" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
<el-button type="success" :disabled="isDisable || dataError" size="small" @click="selectBeginTime">{{ $t('display.demon.drivingByPlan') }}</el-button>
</template>
<!-- 设备视图 -->
<el-button v-if="isShow3dmodel && !isShowScheduling" size="small" @click="jumpjlmap3dmodel">{{ jl3dmodel }}</el-button>
<!-- 三维视图 -->
<el-button v-if="!isShowScheduling" size="small" @click="jumpjlmap3d">{{ jl3dname }}</el-button>
<!-- cctv视图 -->
<el-button v-if="!isShowScheduling" size="small" @click="jumpjl3dpassflow">{{ jl3dpassflow }}</el-button>
<!-- 排班计划 -->
<el-button v-if="isShowScheduling" type="primary" size="small" @click="jumpScheduling">{{ $t('display.demon.dispatchingPlan') }}</el-button>
</template> </template>
<template v-else-if="!projectDevice">
<el-button type="danger" :disabled="dataError" size="small" @click="end">{{ $t('display.demon.initialize') }}</el-button>
<el-button type="success" :disabled="isDisable || dataError" size="small" @click="selectBeginTime">{{ $t('display.demon.drivingByPlan') }}</el-button>
</template>
<!-- 设备视图 -->
<el-button v-if="isShow3dmodel && !isShowScheduling && !dataError" size="small" @click="jumpjlmap3dmodel">{{ jl3dmodel }}</el-button>
<!-- 三维视图 -->
<el-button v-if="!isShowScheduling && !dataError" size="small" @click="jumpjlmap3d">{{ jl3dname }}</el-button>
<!-- cctv视图 -->
<el-button v-if="!isShowScheduling && !dataError" size="small" @click="jumpjl3dpassflow">{{ jl3dpassflow }}</el-button>
<!-- 排班计划 -->
<el-button v-if="isShowScheduling && !dataError" type="primary" size="small" @click="jumpScheduling">{{ $t('display.demon.dispatchingPlan') }}</el-button>
</el-button-group> </el-button-group>
</div> </div>
<set-time ref="setTime" @ConfirmSelectBeginTime="start" /> <set-time ref="setTime" @ConfirmSelectBeginTime="start" />

2
src/views/newMap/jointTrainingNew/menuDemon.vue
View File

@ -10,7 +10,7 @@
<template v-if="!dataError"> <!-- 地图错误判断 --> <template v-if="!dataError"> <!-- 地图错误判断 -->
<template v-if="isAdmin && project != 'refereeJsxt'"> <template v-if="isAdmin && project != 'refereeJsxt'">
<el-button type="danger" size="small" @click="end">{{ $t('joinTraining.initialize') }}</el-button> <el-button type="danger" size="small" @click="end">{{ $t('joinTraining.initialize') }}</el-button>
<el-button type="success" :disabled="isDisable" size="small" @click="selectBeginTime">{{ $t('joinTraining.drivingByPlan') }}</el-button> <el-button type="success" :disabled="isDisable || dataError" size="small" @click="selectBeginTime">{{ $t('joinTraining.drivingByPlan') }}</el-button>
</template> </template>
<template v-if="project == 'jsxt'"> <template v-if="project == 'jsxt'">
<div style="background: #FFF;display: inline-block;height: 40px;line-height: 40px;padding: 0 5px;border: 2px solid #F00;border-radius: 6px;margin-right: 8px;">{{ '剩余时间:' + countdownTime }}</div> <div style="background: #FFF;display: inline-block;height: 40px;line-height: 40px;padding: 0 5px;border: 2px solid #F00;border-radius: 6px;margin-right: 8px;">{{ '剩余时间:' + countdownTime }}</div>