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
| <template>
| <div>
| <el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" title="Dialog Title">
| <el-row :gutter="21">
| <el-form ref="elForm" :model="formData" :rules="rules" size="mini" label-width="100px"
| label-position="left">
| <el-col :span="8">
| <el-form-item label="体检人姓名" prop="field102">
| <el-input v-model="formData.field102" placeholder="请输入体检人姓名" clearable :style="{width: '100%'}">
| </el-input>
| </el-form-item>
| </el-col>
| <el-col :span="8">
| <el-form-item label="查询" prop="field106">
| <el-button type="primary" icon="el-icon-search" size="medium"> 主要按钮 </el-button>
| </el-form-item>
| </el-col>
| </el-form>
| </el-row>
| <div slot="footer">
| <el-button @click="close">取消</el-button>
| <el-button type="primary" @click="handleConfirm">确定</el-button>
| </div>
| </el-dialog>
| </div>
| </template>
| <script>
| export default {
| inheritAttrs: false,
| components: {},
| props: [],
| data() {
| return {
| formData: {
| field102: undefined,
| field106: '',
| },
| rules: {
| field102: [{
| required: true,
| message: '请输入体检人姓名',
| trigger: 'blur'
| }],
| },
| }
| },
| computed: {},
| watch: {},
| created() {},
| mounted() {},
| methods: {
| onOpen() {},
| onClose() {
| this.$refs['elForm'].resetFields()
| },
| close() {
| this.$emit('update:visible', false)
| },
| handleConfirm() {
| this.$refs['elForm'].validate(valid => {
| if (!valid) return
| this.close()
| })
| },
| }
| }
|
| </script>
| <style>
| </style>
|
|
