diff --git a/04.系统编码/Frontend/.idea/workspace.xml b/04.系统编码/Frontend/.idea/workspace.xml
index 582e71b..218464d 100644
--- a/04.系统编码/Frontend/.idea/workspace.xml
+++ b/04.系统编码/Frontend/.idea/workspace.xml
@@ -47,6 +47,7 @@
+
diff --git a/04.系统编码/Frontend/src/components/SystemManagement.vue b/04.系统编码/Frontend/src/components/SystemManagement.vue
index 718d6bb..97d08e9 100644
--- a/04.系统编码/Frontend/src/components/SystemManagement.vue
+++ b/04.系统编码/Frontend/src/components/SystemManagement.vue
@@ -7,7 +7,7 @@
用户名称:
-
+
- 添加新用户
+ 添加新用户
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -60,12 +85,46 @@
{
value: 'Option3',
label: 'Option3',
- },]
- })
+ }],
+ dialogFormVisible:false,
+ formLabelWidth:"100px",
+ form:{
+ name:'',
+ accountNumber:'',
+ phone:'',
+ mailbox:''
+ },
+ tableData:[
+ {
+ date: '1',
+ name: 'Tom',
+ address: 'No. 189, Grove St, Los Angeles',
+ },
+ {
+ date: '2',
+ name: 'Tom',
+ address: 'No. 189, Grove St, Los Angeles',
+ },
+ {
+ date: '3',
+ name: 'Tom',
+ address: 'No. 189, Grove St, Los Angeles',
+ },
+ {
+ date: '4',
+ name: 'Tom',
+ address: 'No. 189, Grove St, Los Angeles',
+ },
+ ]
+ })
+ const onAddClick = ()=>{
+ option.dialogFormVisible=true
+ }
return {
...toRefs(option),
value: ref(''),
+ onAddClick
}
}
}
@@ -79,10 +138,12 @@
display: flex;
justify-content: space-between;
.left{
-
-
display: flex;
justify-content: space-between;
+
+ :deep(.el-input__icon::after){
+
+ }
h1{
width: 100px;
height: 26px;
@@ -121,9 +182,32 @@
}
}
.tableMessage{
-
padding: 56px 20px 20px;
+ :deep(.el-table thead){
+ color: black;
+ }
+
+ }
+
}
+ :deep(.el-form-item__label){
+ text-align: left;
+ color: #000000;
}
+ :deep(.el-form){
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ }
+ :deep(.el-button){
+ width: 159px;
+ height: 44px;
+ opacity: 1;
+ border-radius: 4px;
+ border: 1px solid #498DF0;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #498DF0;
+ }