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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
| <template>
| <el-dialog
| :title="'请重新验证谷歌验证码'"
| :close-on-click-modal="false"
| :show-close="false"
| :visible.sync="visible"
| width="600px"
| ref="ipPop"
| >
| <el-form
| :model="dataForm"
| :rules="dataRule"
| ref="dataForm"
| @keyup.enter.native="dataFormSubmit()"
| label-width="100px"
| >
| <el-form-item label="" prop="rata">
| <div class="red">此次操作ip与上次登录ip不相符</div>
| </el-form-item>
| <!-- <el-form-item label="登陆人账户" prop="rata">
| <el-input
| v-model="userName"
| disabled
| placeholder="登陆人账户"
| ></el-input>
| </el-form-item> -->
| <el-form-item label="谷歌验证码" prop="gooleAuthCode">
| <el-input
| v-model="dataForm.gooleAuthCode"
| placeholder="请输入"
| ></el-input>
| </el-form-item>
| </el-form>
| <span slot="footer" class="dialog-footer">
| <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
| </span>
| </el-dialog>
| </template>
|
| <script>
| import { treeDataTranslate } from "@/utils";
| import { Debounce } from "@/utils/debounce";
| export default {
| data() {
| return {
| visible: true,
| menuList: [],
| menuListTreeProps: {
| label: "name",
| children: "children",
| },
| dataForm: {
| id: 0,
| roleName: "",
| remark: "",
| gooleAuthCode: "",
| },
| dataRule: {
| roleName: [
| { required: true, message: "角色名称不能为空", trigger: "blur" },
| {
| pattern: /\s\S+|S+\s|\S/,
| message: "请输入正确的角色名称",
| trigger: "blur",
| },
| ],
| gooleAuthCode: [
| { required: true, message: "谷歌验证码不能为空", trigger: "blur" },
| ],
| remark: [
| {
| required: false,
| pattern: /\s\S+|S+\s|\S/,
| message: "输入格式有误",
| trigger: "blur",
| },
| ],
| },
| tempKey: -666666, // 临时key, 用于解决tree半选中状态项不能传给后台接口问题. # 待优化
| };
| },
| computed: {
| // userName: {
| // // 获取到登录用户名
| // get() {
| // return this.$store.state.user.name;
| // },
| // set(val) {
| // this.$store.commit("user/updateName", val);
| // },
| // },
| },
| mounted() {},
| methods: {
| // 表单提交
| dataFormSubmit: Debounce(function () {
| this.$message({
| message: "操作成功",
| type: "success",
| duration: 1500,
| onClose: () => {
| this.removeComponent()
| },
| });
| this.removeComponent()
|
| //yyhh
| // this.$refs["dataForm"].validate((valid) => {
| // if (valid) {
| // this.$http({
| // url: this.$http.adornUrl(`/updateCheckIp`),
| // method: "post",
| // data: this.$http.adornData({
| // gooleAuthCode: this.dataForm.gooleAuthCode,
| // }),
| // }).then(({ data }) => {
|
| // if (data.code == 0) {
| // this.$message({
| // message: "操作成功",
| // type: "success",
| // duration: 1500,
| // onClose: () => {
| // this.removeComponent()
| // },
| // });
| // } else {
| // this.$message({
| // message: data.msg,
| // type: "error",
| // duration: 1500,
| // onClose: () => {},
| // });
| // }
| // });
| // }
| // });
| }),
| removeComponent() {
| // 销毁当前组件实例
| this.$destroy();
|
| // 获取当前组件的根元素
| const element = this.$el;
|
| // 从 DOM 中移除当前组件的根元素
| if (element && element.parentNode) {
| element.parentNode.removeChild(element);
| }
| }
|
| },
| };
| </script>
|
|
