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; + }