|
@@ -4,7 +4,7 @@
|
|
|
* @Autor: XuTongZhang
|
|
|
* @Date: 2020-07-28 16:00:46
|
|
|
* @LastEditors: XuTongZhang
|
|
|
- * @LastEditTime: 2020-07-31 15:30:06
|
|
|
+ * @LastEditTime: 2020-08-07 14:22:57
|
|
|
-->
|
|
|
<template>
|
|
|
<div class="indexPage">
|
|
@@ -18,6 +18,7 @@
|
|
|
@editor="editor"
|
|
|
@del="del"
|
|
|
></v-table>
|
|
|
+ <!-- :prop="'questionList.' + index + '.questionName'" -->
|
|
|
<v-pager @page="callPage" :total="totalrecords"></v-pager>
|
|
|
<el-dialog :visible.sync="dialogFormVisible" width="660px" :before-close="close">
|
|
|
<el-form :model="form" ref="form" label-width="140px" label-position="left">
|
|
@@ -31,9 +32,9 @@
|
|
|
v-for="(item, index) in form.questionList"
|
|
|
:label="'面试问题' + (index + 1)"
|
|
|
:key="index"
|
|
|
- :prop="'questionList.' + index + '.questionName'"
|
|
|
+ :prop="'questionList.' + index"
|
|
|
:rules="{
|
|
|
- required: true, message: '问题不能为空', trigger: 'blur'
|
|
|
+ required: true, validator: validatePass, trigger: 'blur'
|
|
|
}"
|
|
|
>
|
|
|
<div v-if="state!=2">
|
|
@@ -60,9 +61,9 @@
|
|
|
<div>
|
|
|
{{item.questionName}}
|
|
|
</div>
|
|
|
- <video v-if="item.videoIdList && item.videoIdList.length" :src="downList.some(i => i.id === item.videoIdList[0]).videoPath ? downList.find(i => i.id === item.videoIdList[0]).videoPath : ''" controls></video>
|
|
|
+ <video v-if="item.videoIdList && item.videoIdList.length" :src="downList.some(i => i.id === (activeId||item.videoIdList[0])) ? $img + downList.find(i => i.id === (activeId||item.videoIdList[0])).videoPath : ''" controls></video>
|
|
|
<div class="flex">
|
|
|
- <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 v-for="(i, j) in item.videoIdList" :key="j" class="active" @click="active = j,activeId = j" :class="active === j ? 'is-active' : ''">{{downList.some(k => k.id === i) ? downList.find(k => k.id === i).videoName : '无数据'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
@@ -79,6 +80,17 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
data () {
|
|
|
+ let validatePass = function (rule, value, callback) {
|
|
|
+ console.log(rule, value)
|
|
|
+ if (!value.questionName.length) {
|
|
|
+ callback(new Error('请输入面试问题'))
|
|
|
+ } else {
|
|
|
+ if (!value.videoIdList.length) {
|
|
|
+ callback(new Error('请选择面试视频'))
|
|
|
+ }
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
return {
|
|
|
tableList: [],
|
|
|
dialogFormVisible: false,
|
|
@@ -91,6 +103,7 @@ export default {
|
|
|
},
|
|
|
state: 0,
|
|
|
active: 0,
|
|
|
+ activeId: '',
|
|
|
downList: [],
|
|
|
pickList: [],
|
|
|
list: [],
|
|
@@ -130,7 +143,8 @@ export default {
|
|
|
type: 'danger'
|
|
|
}
|
|
|
]
|
|
|
- }
|
|
|
+ },
|
|
|
+ validatePass
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
@@ -248,9 +262,8 @@ export default {
|
|
|
},
|
|
|
close () {
|
|
|
this.dialogFormVisible = false
|
|
|
- this.form = {
|
|
|
- questionList: []
|
|
|
- }
|
|
|
+ this.form = { processName: '', questionList: [] }
|
|
|
+ this.form.questionList.push({ key: 1, questionName: '' })
|
|
|
},
|
|
|
addDomain () {
|
|
|
this.form.questionList.push({
|