|
@@ -4,48 +4,54 @@
|
|
|
* @Autor: XuTongZhang
|
|
|
* @Date: 2020-07-30 10:32:00
|
|
|
* @LastEditors: XuTongZhang
|
|
|
- * @LastEditTime: 2020-08-05 20:23:31
|
|
|
+ * @LastEditTime: 2020-08-10 19:22:25
|
|
|
-->
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <el-dialog :visible.sync="dialogFormVisible" width="1400px" :before-close="close" :close-on-click-modal="false">
|
|
|
- <div class="flex">
|
|
|
- <div class="left">
|
|
|
- <div class="top">
|
|
|
- <div class="title">{{info.delivererName}}的面试视频:</div>
|
|
|
- <div class="video">
|
|
|
- <video width="100%" controls :src="$img + '/yc1min/videoLibrary/20200729/86a4a324-7e90-415d-9685-41e2f4a75c03.mp4'"></video>
|
|
|
- </div>
|
|
|
- <!-- https://vdept.bdstatic.com/324b4d51474d51685674525a7a397737/424e6c6a6b354875/e4f949c59a0a5afc39446b7e83c8e2893ec5727c25bd8fde06c2adaa08b7cf820228b97312bb8b487ef1f73ac3aaf66af73fd54d4fd6f64d5f280059490670d7.mp4?auth_key=1596084985-0-0-014de3491d14f4f16a570bc972366f96 -->
|
|
|
- <div class="list">
|
|
|
- <div @click="active = 0" :class="active === 0 ? 'is-active' : ''">视频第一段</div>
|
|
|
- <div @click="active = 1" :class="active === 1 ? 'is-active' : ''">视频第二段</div>
|
|
|
- <div @click="active = 2" :class="active === 2 ? 'is-active' : ''">视频第三段</div>
|
|
|
- <!-- <div v-for="(i, j) in item.videoIdList" :key="j" class="active" @click="active = j" :class="active === j ? 'is-active' : ''">{{downList.some(k => k.id === i).videoName ? downList.find(k => k.id === i).videoName : '无数据'}}</div> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="center">
|
|
|
- <div class="title">简历备注:</div>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="4"
|
|
|
- resize="none"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="remark"
|
|
|
- ></el-input>
|
|
|
- </div>
|
|
|
- <div class="footer">
|
|
|
- <el-button type="primary" @click="submit">提交备注</el-button>
|
|
|
- <el-button type="danger" @click="through(2)">标记为未通过</el-button>
|
|
|
- <el-button type="success" @click="through(1)">标记为通过</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <iframe width="100%" height="100%" :src="$img + info.filePath"></iframe>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="dialogFormVisible"
|
|
|
+ width="1400px"
|
|
|
+ :before-close="close"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ >
|
|
|
+ <div class="flex">
|
|
|
+ <div class="left">
|
|
|
+ <div class="top" v-if="info.answerVideoList && info.answerVideoList.length">
|
|
|
+ <div class="title">{{info.delivererName}}的面试视频:</div>
|
|
|
+ <div class="video">
|
|
|
+ <video
|
|
|
+ width="100%"
|
|
|
+ controls
|
|
|
+ v-if="info.answerVideoList && info.answerVideoList.length"
|
|
|
+ :src="$img + info.answerVideoList[active].answerVideoPath"
|
|
|
+ ></video>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
- </div>
|
|
|
+ <div class="list">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in info.answerVideoList"
|
|
|
+ :key="item.id"
|
|
|
+ class="active"
|
|
|
+ @click="active = index"
|
|
|
+ :class="active === index ? 'is-active' : ''"
|
|
|
+ >第{{index + 1}}段</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="center">
|
|
|
+ <div class="title">简历备注:</div>
|
|
|
+ <el-input type="textarea" :rows="4" resize="none" placeholder="请输入内容" v-model="remark"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="footer">
|
|
|
+ <el-button type="primary" @click="submit">提交备注</el-button>
|
|
|
+ <el-button type="danger" @click="through(2)">标记为未通过</el-button>
|
|
|
+ <el-button type="success" @click="through(1)">标记为通过</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <iframe width="100%" height="100%" :src="$img + info.filePath"></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -80,11 +86,14 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
through (val) {
|
|
|
- let deleteResumeInfoList = [this.info.id].map(item => ({ id: item, isPass: val }))
|
|
|
+ let resumeInfoStatusList = [this.info.id].map((item) => ({
|
|
|
+ id: item,
|
|
|
+ interviewResult: val
|
|
|
+ }))
|
|
|
this.$api
|
|
|
.post('/resumeInfo/changeInterviewResult', {
|
|
|
reqdata: {
|
|
|
- deleteResumeInfoList
|
|
|
+ resumeInfoStatusList
|
|
|
}
|
|
|
})
|
|
|
.then((res) => {
|
|
@@ -112,61 +121,60 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .flex {
|
|
|
+.flex {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .left {
|
|
|
+ flex: 1;
|
|
|
+ margin-right: 20px;
|
|
|
+ .top {
|
|
|
+ .title {
|
|
|
+ font-size: 28px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .list {
|
|
|
+ margin-top: 10px;
|
|
|
+ font-size: 14px;
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .left {
|
|
|
- flex: 1;
|
|
|
- margin-right: 20px;
|
|
|
- .top {
|
|
|
- .title {
|
|
|
- font-size: 28px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .list {
|
|
|
- margin-top: 10px;
|
|
|
- font-size: 14px;
|
|
|
- display: flex;
|
|
|
- color: rgb(42, 117, 216);
|
|
|
- > div {
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px;
|
|
|
- }
|
|
|
- .is-active {
|
|
|
- color: #000;
|
|
|
- font-size: 16px;
|
|
|
- margin-top: 7px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .center {
|
|
|
- margin-top: 10px;
|
|
|
- .title {
|
|
|
- font-size: 22px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
- .footer {
|
|
|
- margin-top: 30px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
+ color: rgb(42, 117, 216);
|
|
|
+ > div {
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 10px;
|
|
|
}
|
|
|
- .right {
|
|
|
- // margin-left: 30px;
|
|
|
- // flex: 1;
|
|
|
- overflow: scroll;
|
|
|
- width: 770px;
|
|
|
- iframe {
|
|
|
- border: none;
|
|
|
- html {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
+ .is-active {
|
|
|
+ color: #000;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-top: 7px;
|
|
|
}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .center {
|
|
|
+ margin-top: 10px;
|
|
|
+ .title {
|
|
|
+ font-size: 22px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .footer {
|
|
|
+ margin-top: 30px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ // margin-left: 30px;
|
|
|
+ // flex: 1;
|
|
|
+ overflow: scroll;
|
|
|
+ width: 770px;
|
|
|
+ iframe {
|
|
|
+ border: none;
|
|
|
+ html {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|