|
|
@@ -194,219 +194,6 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <!-- <div style="display: flex;flex-direction: row;justify-content: space-between;">
|
|
|
- <div class="display-row display-center">
|
|
|
- <el-image :src="logo" fit="contain" style="width: 20px;height: 20px;" />
|
|
|
- <div class="title">浪潮智屏投控-会议管理</div>
|
|
|
- </div>
|
|
|
- <div class="display-row display-center" style="margin-right: 15px;" @click="closePage">
|
|
|
- <el-image :src="logoExit" fit="contain" class="icon" />
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">退出会议</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- <div class="display-row" style="display: flex;align-items: center;margin-top: 27px;">
|
|
|
- <div class="text-fontsize-12" style="font-weight: bold;;">{{ form.title }}</div>
|
|
|
- <el-image :src="iconAddress" fit="contaion" class="icon" style="margin-left: 15px;" />
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">地点：</div>
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">{{form.address}}</div>
|
|
|
- <el-image :src="iconHost" fit="contaion" class="icon" style="margin-left: 15px;" />
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">主持：</div>
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">{{form.host}}</div>
|
|
|
- <el-image :src="iconOrganization" fit="contaion" class="icon" style="margin-left: 15px;" />
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">发起组织：</div>
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">{{form.fromOrg}}</div>
|
|
|
- <el-image :src="iconTime" fit="contaion" class="icon" style="margin-left: 15px;" />
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">时间：</div>
|
|
|
- <div class="text-fontsize-12" style="margin-left: 4px;">{{form.beginTime}} - {{form.endTime}}</div>
|
|
|
- </div> -->
|
|
|
-
|
|
|
- <!-- <div class="display-row"
|
|
|
- style="width: 85%; display: flex;align-items: center;justify-content: space-between; margin-top: 15px;">
|
|
|
- <div class="display-row" style="display: flex;align-items: center;">
|
|
|
- <div class="text-fontsize-12">请选择会议设备</div>
|
|
|
- <el-select v-model="deviceId" placeholder="请选择会议设备" style="margin-left: 8px;" :popper-append-to-body="false"
|
|
|
- class="elselect">
|
|
|
- <el-option v-for="device in deviceList" :label="device.deviceName" :value="device.id" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div v-if="selectedFileIndex>=0" class="display-row" style="display: flex;align-items: center;">
|
|
|
- <div class="text-fontsize-12">{{meetTitle}}</div>
|
|
|
- <div class="text-fontsize-12" style="margin-left: 15px;">缩放比例</div>
|
|
|
- <el-select v-model="scaleId" placeholder="请选择" style="margin-left: 8px;width: 90px;"
|
|
|
- :popper-append-to-body="false" @change="scaleChange">
|
|
|
- <el-option v-for="scale in scaleList" :label="scale.label" :value="scale.value" />
|
|
|
- </el-select>
|
|
|
- <div class="text-fontsize-12" style="margin-left: 15px;">移动距离</div>
|
|
|
- <el-select v-model="moveId" placeholder="请选择" style="margin-left: 8px;width: 90px;"
|
|
|
- :popper-append-to-body="false">
|
|
|
- <el-option v-for="move in moveList" :label="move.label" :value="move.value" />
|
|
|
- </el-select>
|
|
|
- <el-button class="btn no-active" style="margin-left: 18px;" @click="moveUp">上移</el-button>
|
|
|
- <el-button class="btn no-active" style="margin-left: 18px;" @click="moveDown">下移</el-button>
|
|
|
- <el-button class="btn no-active" style="margin-left: 18px;" @click="lastPage">上一页</el-button>
|
|
|
- <el-button class="btn no-active" style="margin-left: 18px;" @click="nextPage">下一页</el-button>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
-
|
|
|
- <!-- <div class="display-row" style="margin-top: 16px;">
|
|
|
- <div style="width: 85%;" class="screen_nocontent display-center">
|
|
|
- <div v-if="fileType == 1 && null == pageSrc" class="display-cloumn display-center">
|
|
|
- <el-image :src="iconScreen" class="icon-40"></el-image>
|
|
|
- <div class="text-fontsize-18" style="margin-top: 8px;">此处展示投屏画面</div>
|
|
|
- </div>
|
|
|
- <div v-else-if="fileType == 2 && null == material" class="display-cloumn display-center">
|
|
|
- <el-image :src="iconScreen" class="icon-40"></el-image>
|
|
|
- <div class="text-fontsize-18" style="margin-top: 8px;">此处展示投屏画面</div>
|
|
|
- </div>
|
|
|
- <div v-else style="height: 83vh;width: 100%;overflow: hidden;" class="display-center">
|
|
|
- <iframe v-if="fileType == 2" :src="material" ref="iframe" style="width: 100%; height: 83vh;"></iframe>
|
|
|
- <el-image v-else :src="pageSrc.fileUrl" @load="handleImageLoad"
|
|
|
- :style="{ height: imageHeight +'%',transform: 'translateY(' + imageOffset + 'px)'}" /> -->
|
|
|
- <!-- <div v-else class="image-container" @mousedown="startMove" @mousemove="doMove" @mouseup="endMove"
|
|
|
- style="height: 97%;" :style="{ transform: `scale(${scale}) translate(${position.x}px, ${position.y}px)` }">
|
|
|
- <el-image :src="pageSrc.fileUrl" />
|
|
|
- </div> -->
|
|
|
-
|
|
|
-
|
|
|
- <!-- </div>
|
|
|
- </div>
|
|
|
- <div style="width: 15%;" class="display-cloumn"> -->
|
|
|
- <!-- 会议资料 -->
|
|
|
- <!-- <div class="display-cloumn" style="height: 38%;padding-bottom: 5px;">
|
|
|
- <div class="display-row"
|
|
|
- style="display: flex;justify-content: space-between;align-items: center;margin: 0 16px;">
|
|
|
- <div class="display-row" style="display: flex;align-items: center;">
|
|
|
- <div class="text-fontsize-18">会议资料</div>
|
|
|
- <el-image :src="iconFresh" fit="contaion" class="icon" @click="getMeetingInfo()"
|
|
|
- style="margin-left: 8px;"></el-image>
|
|
|
- </div>
|
|
|
- <div class="display-row">
|
|
|
- <el-image :src="iconStartPlay" class="icon-40" @click="beginPlay()">开始播放</el-image>
|
|
|
- <el-image :src="iconStopPlay" class="icon-40" style="margin-left:10px" @click="endPlay()">结束播放</el-image>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div style="margin-top: 16px;height:240px;overflow-y: auto" class="no-scrollbar">
|
|
|
- <div v-for="(item,index) in fileList" @click="selectFileItem(index)">
|
|
|
- <div class="fileItem text-fontsize-12 single-line"
|
|
|
- :class="{ 'is-selected': selectedFileIndex === index }">{{item.fileName}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <!-- <div class="line" /> -->
|
|
|
- <!-- 图片抓拍 -->
|
|
|
- <!-- <div class="display-cloumn" style="height: 21%;padding: 16px;">
|
|
|
- <div class="display-row" style="display: flex;justify-content: space-between;align-items: center;">
|
|
|
- <div class="display-row" style="display: flex;align-items: center;">
|
|
|
- <div class="text-fontsize-18">图片抓拍</div>
|
|
|
- <el-image :src="iconFresh" class="icon" style="margin-left: 8px;" @click="refreshPhoto" />
|
|
|
- </div>
|
|
|
- <el-button class="more" @click="dialogPhotoVisible = true">更多</el-button>
|
|
|
- </div>
|
|
|
- <div class="display-cloumn" style="margin-top:10px;height: 75%;">
|
|
|
- <div class="display-row" style="display: flex;justify-content: space-between;">
|
|
|
- <el-image v-if="firstPhoto !=null" style="width: 157px;height: 90px;" :src="firstPhoto.picPath"
|
|
|
- :preview-src-list="firstPhotoList" />
|
|
|
- <el-image v-else :src="imgEmpty" style="width: 157px;height: 90px;" />
|
|
|
- <div class="display-cloumn" style="display: flex;justify-content: space-between;">
|
|
|
- <el-image v-show="isPhotoing == true" :src="iconPhotoing" class="icon-40" style="margin-left: 8px;" />
|
|
|
- <el-image v-show="isPhotoing == false" :src="iconPhoto" class="icon-40" style="margin-left: 8px;"
|
|
|
- @click="takePhoto" />
|
|
|
-
|
|
|
-
|
|
|
- <el-image v-if="firstPhoto!=null" :src="iconDelete" class="icon-40" style="margin-left: 8px;"
|
|
|
- @click="deletePhoto([0])" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="firstPhoto!=null" style="width: 157px;margin-top: 5px;" class="display-center text-fontsize-12">
|
|
|
- {{firstPhoto.createTime}}
|
|
|
- </div>
|
|
|
- <div v-else style="width: 157px;margin-top: 5px;" class="display-center text-fontsize-12">暂无图片</div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <!-- <div class="line" /> -->
|
|
|
- <!-- 人脸签到 -->
|
|
|
- <!-- <div class="display-cloumn" style=";padding: 16px;">
|
|
|
- <div class="display-row" style="display: flex;justify-content: space-between;align-items: center;">
|
|
|
- <div class="display-row" style="display: flex;align-items: center;">
|
|
|
- <div class="text-fontsize-18">人脸签到</div>
|
|
|
- <el-image :src="iconFresh" class="icon" style="margin-left: 8px;" @click="refreshPhotoSign" />
|
|
|
- </div>
|
|
|
- <el-button class="more" @click="dialogFaceSignVisible = true">更多</el-button>
|
|
|
- </div>
|
|
|
- <div class="display-cloumn" style="height: 75%;margin-top:10px">
|
|
|
- <div class="display-row" style="display: flex;justify-content: space-between;">
|
|
|
- <div v-if="faceSignUrl && faceSignUrl.length>0" class="display-cloumn" style="width: 157px;">
|
|
|
- <el-image style="width: 157px;height: 90px;" :src="faceSignUrl" :preview-src-list="faceSignList" />
|
|
|
- <div style="width: 157px;margin-top: 5px;" class="display-center text-fontsize-12">
|
|
|
- {{faceSign.createTime}}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-else class="display-cloumn" style="width: 157px;">
|
|
|
- <el-image :src="imgEmpty" style="width: 157px;height: 90px;" />
|
|
|
- <div style="width: 157px;margin-top: 5px;" class="display-center text-fontsize-12">暂无图片
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="display-cloumn" style="display: flex;justify-content: space-between;align-items: end;">
|
|
|
- <el-image v-show="isPhotoing == true" :src="iconPhotoing" class="icon-40" style="margin-left: 8px;" />
|
|
|
- <el-image v-show="isPhotoing == false" :src="iconPhoto" class="icon-40" style="margin-left: 8px;"
|
|
|
- @click="photoSign" />
|
|
|
- <div v-if="faceSignUrl && faceSignUrl.length>0" class="display-cloumn"
|
|
|
- style="display: flex;align-items: end;">
|
|
|
- <div class="display-row"
|
|
|
- style="margin-bottom:8px ;display: flex;align-items: center;justify-content: center;">
|
|
|
- <div class="text-fontsize-12">本次</div>
|
|
|
- <div class="text-fontsize-12" style="color: #FFE59E;">+{{faceSign.newAddNum}}</div>
|
|
|
- </div>
|
|
|
- <progress :value="signedNum" :max="attendanceList.length"></progress>
|
|
|
- <div class="display-row display-center" style="margin-top:8px ;">
|
|
|
- <div class="text-fontsize-12" style="color: #FFE59E;">{{signedNum}}</div>
|
|
|
- <div class="text-fontsize-12">/{{attendanceList.length}} 已签到</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <!-- <div class="line" /> -->
|
|
|
- <!-- 会议纪要 -->
|
|
|
- <!-- <div class="display-cloumn" style="padding: 16px;">
|
|
|
- <div class="display-row" style="display: flex;justify-content: space-between;align-items: center;">
|
|
|
- <div class="display-row" style="display: flex;align-items: center;">
|
|
|
- <div class="text-fontsize-18">会议纪要</div>
|
|
|
- <el-image :src="iconFresh" class="icon" style="margin-left: 8px;" />
|
|
|
- </div>
|
|
|
- <el-button class="more" @click="clickMeetMore()">更多</el-button>
|
|
|
- </div>
|
|
|
- <div class="display-row" style="margin-top: 10px;">
|
|
|
- <div style="width: 70%;overflow-y: auto;height: 120px;" class="no-scrollbar">
|
|
|
- <div v-for="(item, index) in audioList">
|
|
|
- <div class="text-fontsize-12 single-line" style="padding:10px 0 ;">{{item.fileName}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="timerRunning == false" class="display-cloumn display-center" style="width: 30%;">
|
|
|
- <el-image :src="iconStartRecord" class="icon-40" @click="startTimer" />
|
|
|
- <div class="text-fontsize-16" style="margin-top:12px ;">录音</div>
|
|
|
- </div>
|
|
|
- <div v-else class="display-cloumn display-center" style="width: 30%;">
|
|
|
- <el-image :src="iconStopRecord" class="icon-40" @click="pauseTimer" />
|
|
|
- <div class="text-fontsize-16" style="margin-top:12px ;">{{formatTime}}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <!-- </div>
|
|
|
- </div> -->
|
|
|
-
|
|
|
<!-- 图片抓拍 -更多弹框 -->
|
|
|
<el-dialog title="图片抓拍" :visible.sync="dialogPhotoVisible" center>
|
|
|
<span>
|
|
|
@@ -416,11 +203,11 @@
|
|
|
<div v-for="(item, index) in photoList" :key="index" class="imageDiv">
|
|
|
<div class="display-cloumn" :style="{ backgroundColor: item.isSelected ? '#FFF3F3' : 'white' }">
|
|
|
<div style="margin-left: 10px;">
|
|
|
- <input type="checkbox" align="left" :value="index" v-model="selectedItems">
|
|
|
+ <input type="checkbox" align="left" :value="index" v-model="selectedItems" style="width:12px;height:12px">
|
|
|
</div>
|
|
|
- <el-image style="width: 206px;height: 114px;margin: 5px" :src="item.picPath"
|
|
|
+ <el-image style="width: 130px;height: 75px;margin: 3px" :src="item.picPath"
|
|
|
:preview-src-list="photoPreviewList" />
|
|
|
- <div class="text-fontsize-12 display-center" style="margin-top:5px;color:#000000;width: 208px;">
|
|
|
+ <div class="text-fontsize-10 display-center" style="margin-top:5px;color:#545454;width: 130px;">
|
|
|
{{item.createTime}}
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -434,12 +221,12 @@
|
|
|
<div class="display-cloumn display-center" style="margin-left:24px">
|
|
|
<el-image v-if="isPhotoing == false" :src="iconPhotoGrey" class="icon-40" @click="takePhoto" />
|
|
|
<el-image v-else :src="iconPhotoingGrey" class="icon-40" />
|
|
|
- <div v-if="isPhotoing == false" class="text-fontsize-12" style="margin-top: 5px;color: #545454;">拍照</div>
|
|
|
- <div v-else class="text-fontsize-12" style="margin-top: 5px;color: #545454;">拍照中</div>
|
|
|
+ <div v-if="isPhotoing == false" class="text-fontsize-10" style="margin-top: 5px;color: #545454;">拍照</div>
|
|
|
+ <div v-else class="text-fontsize-10" style="margin-top: 5px;color: #545454;">拍照中</div>
|
|
|
</div>
|
|
|
<div class="display-cloumn display-center" style="margin-left:24px">
|
|
|
<el-image :src="iconFreshGrey" class="icon-40" @click="refreshPhoto" />
|
|
|
- <div class="text-fontsize-12" style="margin-top: 5px;color: #545454;">刷新列表</div>
|
|
|
+ <div class="text-fontsize-10" style="margin-top: 5px;color: #545454;">刷新列表</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -456,54 +243,51 @@
|
|
|
<div class="display-cloumn">
|
|
|
<div class="line-grey" />
|
|
|
<div class="display-row">
|
|
|
- <div class="display-cloumn" style="width: 37%;height: calc(70vh - 51px);padding: 16px 0px 24px 20px;">
|
|
|
- <div class="text-fontsize-16" style="color: #545454;margin-left: 4px;">人员列表</div>
|
|
|
- <div style="height: 93%;margin-top: 10px;">
|
|
|
+ <div class="display-cloumn" style="width: 37%;height: calc(67vh - 52px);padding: 8px 0px 12px 0px;">
|
|
|
+ <div class="text-fontsize-12" style="color: #545454;margin-left: 10px;">人员列表</div>
|
|
|
+ <div style="height: 95.5%;margin-top: 10px;">
|
|
|
<el-table v-loading="loading" class="no-border" :data="attendanceList" height="100%" row-key="id">
|
|
|
- <el-table-column label="姓名" align="left" prop="memberName" width="100" />
|
|
|
- <el-table-column label="出勤情况" align="left" prop="attendanceStatus" width="100">
|
|
|
+ <el-table-column label="姓名" align="left" prop="memberName" width="65" label-class-name="custom-label-size" />
|
|
|
+ <el-table-column label="出勤情况" align="left" prop="attendanceStatus" width="70" label-class-name="custom-label-size">
|
|
|
<template slot-scope="scope">
|
|
|
- <!-- <dict-tag :options="dict.type.sys_attendance_type" :value="scope.row.attendanceStatus" /> -->
|
|
|
- <div v-if="scope.row.attendanceStatus == 0" style="color:#F53F3F ;">未签到</div>
|
|
|
- <div v-else>已签到</div>
|
|
|
+ <div v-if="scope.row.attendanceStatus == 0" style="color:#F53F3F ;font-size:12px">未签到</div>
|
|
|
+ <div v-else style="font-size:12px">已签到</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="签到时间" align="left" prop="signTime" />
|
|
|
+ <el-table-column label="签到时间" align="left" prop="signTime" label-class-name="custom-label-size" />
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="line-grey-column" />
|
|
|
- <div class="display-cloumn" style="width: 62%;height: calc(70vh - 51px);padding: 16px;">
|
|
|
- <div class="text-fontsize-16" style="color: #545454;margin-bottom: 10px;">人脸签到</div>
|
|
|
+ <div class="display-cloumn" style="width: 62%;height: calc(67vh - 52px);padding: 8px 16px 16px 16px;">
|
|
|
+ <div class="text-fontsize-12" style="color: #545454;margin-bottom: 10px;">人脸签到</div>
|
|
|
<el-image v-if="faceSignUrl && faceSignUrl.length>0" style="width: 100%;height:65%" :src="faceSignUrl" />
|
|
|
<el-image v-else style="width: 100%;height:65%" :src="dialogimgEmpty"></el-image>
|
|
|
- <div class="display-row display-center" style="margin-top: 32px;">
|
|
|
+ <div class="display-row display-center" style="margin-top: 6px;">
|
|
|
<div class="display-cloumn display-center">
|
|
|
<el-image v-if="isPhotoing == false" :src="iconPhotoGrey" class="icon-40" @click="photoSign" />
|
|
|
<el-image v-else :src="iconPhotoingGrey" class="icon-40" />
|
|
|
|
|
|
- <div v-if="isPhotoing == false" class="text-fontsize-12" style="margin-top: 5px;color: #545454;">拍照
|
|
|
+ <div v-if="isPhotoing == false" class="text-fontsize-10" style="margin-top: 2px;color: #545454;">拍照
|
|
|
</div>
|
|
|
- <div v-else class="text-fontsize-12" style="margin-top: 5px;color: #545454;">拍照中</div>
|
|
|
+ <div v-else class="text-fontsize-10" style="margin-top: 2px;color: #545454;">拍照中</div>
|
|
|
</div>
|
|
|
<div class="display-cloumn display-center" style="margin-left:24px">
|
|
|
<el-image :src="iconFreshGrey" class="icon-40" @click="refreshPhotoSign" />
|
|
|
- <div class="text-fontsize-12" style="margin-top: 5px;color: #545454;">刷新列表</div>
|
|
|
+ <div class="text-fontsize-10" style="margin-top: 5px;color: #545454;">刷新列表</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
- <div class="display-row display-center" style="margin-top: 32px;">
|
|
|
+ <div class="display-row display-center" style="margin-top: 6px;">
|
|
|
|
|
|
- <div class="text-fontsize-12" style="color: #545454;">本次</div>
|
|
|
- <div v-if="faceSign.newAddNum" class="text-fontsize-12" style="color: #FF5455;">+{{faceSign.newAddNum}}
|
|
|
+ <div class="text-fontsize-10" style="color: #545454;">本次</div>
|
|
|
+ <div v-if="faceSign.newAddNum" class="text-fontsize-10" style="color: #FF5455;margin-top:2px">+{{faceSign.newAddNum}}
|
|
|
</div>
|
|
|
- <div v-else class="text-fontsize-12" style="color: #FF5455;">+0</div>
|
|
|
+ <div v-else class="text-fontsize-10" style="color: #FF5455;margin-top:2px">+0</div>
|
|
|
<el-progress :stroke-width="8" :percentage="percentage" :color="customColor" :show-text="false"
|
|
|
style="height: 8px;width: 104px;margin-left: 16px;" :define-back-color="customColor2"></el-progress>
|
|
|
<!-- <progress value="14" max="18" style="margin-left: 16px;" class="dialogprogress"></progress> -->
|
|
|
- <div class="text-fontsize-12" style="color: #FF5455;margin-left: 16px;">{{signedNum}}</div>
|
|
|
- <div class="text-fontsize-12" style="color: #545454;">/{{attendanceList.length}} 已签到</div>
|
|
|
+ <div class="text-fontsize-10" style="color: #FF5455;margin-left: 16px;margin-top:2px">{{signedNum}}</div>
|
|
|
+ <div class="text-fontsize-10" style="color: #545454;">/{{attendanceList.length}} 已签到</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -516,51 +300,51 @@
|
|
|
<div class="display-cloumn">
|
|
|
<div class="line-grey" />
|
|
|
<div class="display-row">
|
|
|
- <div class="display-cloumn" style="width: 43%;height: calc(70vh - 51px);padding: 16px 0px 24px 20px;">
|
|
|
- <div class="text-fontsize-16" style="color: #545454;margin-left:4px">会议录音</div>
|
|
|
+ <div class="display-cloumn" style="width: 43%;height: calc(67vh - 51px);padding: 8px 0px 12px 0px;">
|
|
|
+ <div class="text-fontsize-12" style="color: #545454;margin-left:4px">会议录音</div>
|
|
|
<div style="height: 93%;margin-top: 10px;" class="display-cloumn">
|
|
|
<el-table v-loading="loading" class="no-border" :data="audioList" height="83%" row-key="id"
|
|
|
@row-click="showAudioTxt" @selection-change="handleSelectionChange">
|
|
|
- <el-table-column label="序号" align="left" prop="sort" width="50" />
|
|
|
- <el-table-column label="文件名称" align="left" prop="fileName" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column label="文本准换" align="left" prop="isTranslate" width="80">
|
|
|
+ <el-table-column label="序号" align="left" prop="sort" width="44" label-class-name="custom-label-size" />
|
|
|
+ <el-table-column label="文件名称" align="left" prop="fileName" width="68" :show-overflow-tooltip="true" label-class-name="custom-label-size"/>
|
|
|
+ <el-table-column label="文本准换" align="left" prop="isTranslate" width="68" label-class-name="custom-label-size">
|
|
|
<template slot-scope="scope">
|
|
|
<dict-tag :options="dict.type.sys_asr_status" :value="scope.row.isTranslate" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建时间" align="left" prop="createTime" width="150" />
|
|
|
+ <el-table-column label="创建时间" align="left" prop="createTime" width="131" label-class-name="custom-label-size" />
|
|
|
</el-table>
|
|
|
<div style="height: 17%;margin-top:10px" class="display-row display-center">
|
|
|
<div class="display-cloumn display-center">
|
|
|
<el-image :src="iconFreshGrey" class="icon-40" @click="refreshAudio" />
|
|
|
- <div class="text-fontsize-12" style="color: #545454;margin-top: 5px;">刷新列表</div>
|
|
|
+ <div class="text-fontsize-10" style="color: #545454;margin-top: 5px;">刷新列表</div>
|
|
|
</div>
|
|
|
|
|
|
<div v-if="timerRunning == false" class="display-cloumn display-center" style="margin-left:32px">
|
|
|
<el-image :src="iconStartRecordRed" class="icon-40" @click="startTimer" />
|
|
|
- <div class="text-fontsize-12" style="color: #545454;margin-top: 5px;">录音</div>
|
|
|
+ <div class="text-fontsize-10" style="color: #545454;margin-top: 5px;">录音</div>
|
|
|
</div>
|
|
|
<div v-else class="display-cloumn display-center" style="margin-left:32px">
|
|
|
<el-image :src="iconStopRecordRed" class="icon-40" @click="pauseTimer" />
|
|
|
- <div class="text-fontsize-12" style="color: #545454;margin-top: 5px;">{{ formatTime }}</div>
|
|
|
+ <div class="text-fontsize-10" style="color: #545454;margin-top: 5px;">{{ formatTime }}</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="display-cloumn display-center" style="margin-left:32px">
|
|
|
<el-image :src="iconYjsc" class="icon-40" @click="summaryGenerate" />
|
|
|
- <div class="text-fontsize-12" style="color: #545454;margin-top: 5px;">生成会议纪要</div>
|
|
|
+ <div class="text-fontsize-10" style="color: #545454;margin-top: 5px;">生成会议纪要</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="line-grey-column" />
|
|
|
- <div class="display-cloumn" style="width: 57%;height: calc(70vh - 51px);padding: 16px;">
|
|
|
- <div class="text-fontsize-16" style="color: #545454;margin-bottom: 10px;">录音内容</div>
|
|
|
- <el-input resize="none" v-model="audioTxt" style="margin-left: 10px" type="textarea"
|
|
|
- :readonly="audioReadOnly" :rows="21" placeholder="请输入内容" />
|
|
|
- <div style="margin-top: 35px;display: flex;justify-content: center;align-items: center;">
|
|
|
- <el-button type="primary" @click="audioTxtEdit">文本编辑</el-button>
|
|
|
- <el-button type="primary" @click="audioTxtSave">文本保存</el-button>
|
|
|
+ <div class="display-cloumn" style="width: 57%;height: calc(67vh - 51px);padding:8px 12px 12px 12px">
|
|
|
+ <div class="text-fontsize-12" style="color: #545454;margin-bottom: 10px;">录音内容</div>
|
|
|
+ <el-input resize="none" v-model="audioTxt" type="textarea"
|
|
|
+ :readonly="audioReadOnly" :rows="13" placeholder="请输入内容" class="meet-input" />
|
|
|
+ <div style="margin-top: 18px;display: flex;justify-content: center;align-items: center;">
|
|
|
+ <el-button type="primary" @click="audioTxtEdit" style="font-size:12px">文本编辑</el-button>
|
|
|
+ <el-button type="primary" @click="audioTxtSave" style="font-size:12px">文本保存</el-button>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
@@ -1917,7 +1701,7 @@
|
|
|
|
|
|
.line-grey-column {
|
|
|
width: 1px;
|
|
|
- height: calc(70vh - 51px);
|
|
|
+ height: calc(67vh - 52px);
|
|
|
background-color: #E5E6EB;
|
|
|
}
|
|
|
|
|
|
@@ -1959,12 +1743,11 @@
|
|
|
flex-direction: column;
|
|
|
margin: 0 !important;
|
|
|
position: absolute;
|
|
|
- top: 50%;
|
|
|
+ top: 45%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
- height: 70vh;
|
|
|
- width: 60vw;
|
|
|
- max-height: calc(100% - 200px);
|
|
|
+ height: 67vh;
|
|
|
+ width: 75vw;
|
|
|
max-width: calc(100% - 30px);
|
|
|
}
|
|
|
|
|
|
@@ -1978,6 +1761,9 @@
|
|
|
overflow: auto;
|
|
|
padding: 0px;
|
|
|
}
|
|
|
+ .el-dialog .el-dialog__title {
|
|
|
+ font-size: 14px; /* 修改为期望的大小 */
|
|
|
+ }
|
|
|
|
|
|
|
|
|
/* table th,
|
|
|
@@ -2045,5 +1831,21 @@
|
|
|
padding-left: 2px;
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
-
|
|
|
+.custom-label-size {
|
|
|
+ font-size: 12px; /* 修改为你想要的字体大小 */
|
|
|
+}
|
|
|
+.el-table .cell {
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+el-table__row>td {
|
|
|
+border: none;
|
|
|
+}
|
|
|
+.el-table::before {
|
|
|
+height: 0px;
|
|
|
+}
|
|
|
+.meet-input{
|
|
|
+ font-size:12px;
|
|
|
+ color: #545454;
|
|
|
+}
|
|
|
+/* Vue组件内的<style>标签或者单独的CSS文件 */
|
|
|
</style>
|
wangshuang
