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
| <template>
| <!-- hhyy -->
| </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>
|
|
