addExamine.vue
2.28 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<template>
<el-dialog v-model="showDialog" title="添加考官" width="800px" destroy-on-close>
<el-form ref="form" :inline="true" :model="form" label-width="80px">
<el-form-item label="考官姓名">
<el-input v-model.tirm="form.name" placeholder="请输入考官姓名" />
</el-form-item>
<el-form-item label="考官编号">
<el-input v-model.tirm="form.code" placeholder="请输入考官编号" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="search" @click="handelSearch">查询</el-button>
<el-button type="info" icon="Refresh" @click="handelReset">重置</el-button>
</el-form-item>
</el-form>
<div style="text-align: center;margin-bottom: 20px;" class="text-warning">
友情提示：请及时参加复训，申请级位考试需考官在有效期内
</div>
<el-table :data="list" border>
<el-table-column label="序号" type="index" align="center" width="100" />
<el-table-column label="姓名" prop="name" align="center" />
<el-table-column label="会员号" prop="name1" align="center" />
<el-table-column label="有效期" prop="name2" align="center" />
<el-table-column label="注册地" prop="name2" align="center" />
<el-table-column label="操作" align="center">
<template #default="{row}">
<el-button type="primary" @click="handelSelect(row)">选择</el-button>
</template>
</el-table-column>
</el-table>
<div style="height: 50px;" />
<div style="text-align: center;">
<el-button type="primary" class="largeBtn" @click="submitExamine">确定</el-button>
</div>
</el-dialog>
</template>
<script setup>
import { getCurrentInstance, ref } from 'vue'
const { proxy } = getCurrentInstance()
const emit = defineEmits(['handelSelect'])
const list = ref([])
const showDialog = ref(false)
const form = ref({})
function open(row) {
showDialog.value = true
}
function handelReset() {
}
function handelSearch() {
}
function handelSelect(row) {
if (row.type == 1) { proxy.$modal.confirm('该考官资质已过期，是否继续选择？') }
emit('handelSelect')
}
function submitExamine() {
showDialog.value = false
}
defineExpose({
open
})
</script>
<style scoped lang="scss">
</style>