Skip to content

Commit dbdebca

Browse files
mynuolrmynuolr
committed
fix: 登陆->登录 #126 
1 parent b5579dc commit dbdebca

File tree

3 files changed

+199
-199
lines changed

3 files changed

+199
-199
lines changed

‎src/views/account/settings/BaseSetting.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
<a-input placeholder="h3gSbecd"/>
3939
</a-form-item>
4040
<a-form-item
41-
label="登陆密码"
41+
label="登录密码"
4242
:required="false"
4343
>
4444
<a-input placeholder="密码"/>
@@ -158,4 +158,4 @@ export default {
158158
overflow: hidden;
159159
}
160160
}
161-
</style>
161+
</style>

‎src/views/list/TreeList.vue

Lines changed: 192 additions & 192 deletions
Original file line numberDiff line numberDiff line change
@@ -1,192 +1,192 @@
1-
<template>
2-
<a-card :bordered="false">
3-
<a-row :gutter="8">
4-
<a-col :span="5">
5-
<s-tree
6-
:dataSource="orgTree"
7-
:openKeys.sync="openKeys"
8-
:search="true"
9-
@click="handleClick"
10-
@add="handleAdd"
11-
@titleClick="handleTitleClick"></s-tree>
12-
</a-col>
13-
<a-col :span="19">
14-
<s-table
15-
ref="table"
16-
size="default"
17-
:columns="columns"
18-
:data="loadData"
19-
:alert="false"
20-
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
21-
>
22-
<span slot="action" slot-scope="text, record">
23-
<template v-if="$auth('table.update')">
24-
<a @click="handleEdit(record)">编辑</a>
25-
<a-divider type="vertical" />
26-
</template>
27-
<a-dropdown>
28-
<a class="ant-dropdown-link">
29-
更多 <a-icon type="down" />
30-
</a>
31-
<a-menu slot="overlay">
32-
<a-menu-item>
33-
<a href="javascript:;">详情</a>
34-
</a-menu-item>
35-
<a-menu-item v-if="$auth('table.disable')">
36-
<a href="javascript:;">禁用</a>
37-
</a-menu-item>
38-
<a-menu-item v-if="$auth('table.delete')">
39-
<a href="javascript:;">删除</a>
40-
</a-menu-item>
41-
</a-menu>
42-
</a-dropdown>
43-
</span>
44-
</s-table>
45-
</a-col>
46-
</a-row>
47-
48-
<org-modal ref="modal" @ok="handleSaveOk" @close="handleSaveClose" />
49-
</a-card>
50-
</template>
51-
52-
<script>
53-
import STree from '@/components/Tree/Tree'
54-
import STable from '@/components/table/'
55-
import OrgModal from './modules/OrgModal'
56-
import { getOrgTree, getServiceList } from '@/api/manage'
57-
58-
export default {
59-
name: 'TreeList',
60-
components: {
61-
STable,
62-
STree,
63-
OrgModal
64-
},
65-
data () {
66-
return {
67-
openKeys: ['key-01'],
68-
69-
// 查询参数
70-
queryParam: {},
71-
// 表头
72-
columns: [
73-
{
74-
title: '#',
75-
dataIndex: 'no'
76-
},
77-
{
78-
title: '成员名称',
79-
dataIndex: 'description'
80-
},
81-
{
82-
title: '登陆次数',
83-
dataIndex: 'callNo',
84-
sorter: true,
85-
needTotal: true,
86-
customRender: (text) => text + ' 次'
87-
},
88-
{
89-
title: '状态',
90-
dataIndex: 'status',
91-
needTotal: true
92-
},
93-
{
94-
title: '更新时间',
95-
dataIndex: 'updatedAt',
96-
sorter: true
97-
},
98-
{
99-
table: '操作',
100-
dataIndex: 'action',
101-
width: '150px',
102-
scopedSlots: { customRender: 'action' }
103-
}
104-
],
105-
// 加载数据方法 必须为 Promise 对象
106-
loadData: parameter => {
107-
return getServiceList(Object.assign(parameter, this.queryParam))
108-
.then(res => {
109-
return res.result
110-
})
111-
},
112-
orgTree: [],
113-
selectedRowKeys: [],
114-
selectedRows: []
115-
}
116-
},
117-
created () {
118-
getOrgTree().then(res => {
119-
this.orgTree = res.result
120-
})
121-
},
122-
methods: {
123-
handleClick (e) {
124-
console.log('handleClick', e)
125-
this.queryParam = {
126-
key: e.key
127-
}
128-
this.$refs.table.refresh(true)
129-
},
130-
handleAdd (item) {
131-
console.log('add button, item', item)
132-
this.$message.info(`提示：你点了 ${item.key} - ${item.title} `)
133-
this.$refs.modal.add(item.key)
134-
},
135-
handleTitleClick (item) {
136-
console.log('handleTitleClick', item)
137-
},
138-
titleClick (e) {
139-
console.log('titleClick', e)
140-
},
141-
handleSaveOk () {
142-
143-
},
144-
handleSaveClose () {
145-
146-
},
147-
148-
onSelectChange (selectedRowKeys, selectedRows) {
149-
this.selectedRowKeys = selectedRowKeys
150-
this.selectedRows = selectedRows
151-
}
152-
}
153-
}
154-
</script>
155-
156-
<style lang="less">
157-
.custom-tree {
158-
159-
/deep/ .ant-menu-item-group-title {
160-
position: relative;
161-
&:hover {
162-
.btn {
163-
display: block;
164-
}
165-
}
166-
}
167-
168-
/deep/ .ant-menu-item {
169-
&:hover {
170-
.btn {
171-
display: block;
172-
}
173-
}
174-
}
175-
176-
/deep/ .btn {
177-
display: none;
178-
position: absolute;
179-
top: 0;
180-
right: 10px;
181-
width: 20px;
182-
height: 40px;
183-
line-height: 40px;
184-
z-index: 1050;
185-
186-
&:hover {
187-
transform: scale(1.2);
188-
transition: 0.5s all;
189-
}
190-
}
191-
}
192-
</style>
1+
<template>
2+
<a-card :bordered="false">
3+
<a-row :gutter="8">
4+
<a-col :span="5">
5+
<s-tree
6+
:dataSource="orgTree"
7+
:openKeys.sync="openKeys"
8+
:search="true"
9+
@click="handleClick"
10+
@add="handleAdd"
11+
@titleClick="handleTitleClick"></s-tree>
12+
</a-col>
13+
<a-col :span="19">
14+
<s-table
15+
ref="table"
16+
size="default"
17+
:columns="columns"
18+
:data="loadData"
19+
:alert="false"
20+
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
21+
>
22+
<span slot="action" slot-scope="text, record">
23+
<template v-if="$auth('table.update')">
24+
<a @click="handleEdit(record)">编辑</a>
25+
<a-divider type="vertical" />
26+
</template>
27+
<a-dropdown>
28+
<a class="ant-dropdown-link">
29+
更多 <a-icon type="down" />
30+
</a>
31+
<a-menu slot="overlay">
32+
<a-menu-item>
33+
<a href="javascript:;">详情</a>
34+
</a-menu-item>
35+
<a-menu-item v-if="$auth('table.disable')">
36+
<a href="javascript:;">禁用</a>
37+
</a-menu-item>
38+
<a-menu-item v-if="$auth('table.delete')">
39+
<a href="javascript:;">删除</a>
40+
</a-menu-item>
41+
</a-menu>
42+
</a-dropdown>
43+
</span>
44+
</s-table>
45+
</a-col>
46+
</a-row>
47+
48+
<org-modal ref="modal" @ok="handleSaveOk" @close="handleSaveClose" />
49+
</a-card>
50+
</template>
51+
52+
<script>
53+
import STree from '@/components/Tree/Tree'
54+
import STable from '@/components/table/'
55+
import OrgModal from './modules/OrgModal'
56+
import { getOrgTree, getServiceList } from '@/api/manage'
57+
58+
export default {
59+
name: 'TreeList',
60+
components: {
61+
STable,
62+
STree,
63+
OrgModal
64+
},
65+
data () {
66+
return {
67+
openKeys: ['key-01'],
68+
69+
// 查询参数
70+
queryParam: {},
71+
// 表头
72+
columns: [
73+
{
74+
title: '#',
75+
dataIndex: 'no'
76+
},
77+
{
78+
title: '成员名称',
79+
dataIndex: 'description'
80+
},
81+
{
82+
title: '登录次数',
83+
dataIndex: 'callNo',
84+
sorter: true,
85+
needTotal: true,
86+
customRender: (text) => text + ' 次'
87+
},
88+
{
89+
title: '状态',
90+
dataIndex: 'status',
91+
needTotal: true
92+
},
93+
{
94+
title: '更新时间',
95+
dataIndex: 'updatedAt',
96+
sorter: true
97+
},
98+
{
99+
table: '操作',
100+
dataIndex: 'action',
101+
width: '150px',
102+
scopedSlots: { customRender: 'action' }
103+
}
104+
],
105+
// 加载数据方法 必须为 Promise 对象
106+
loadData: parameter => {
107+
return getServiceList(Object.assign(parameter, this.queryParam))
108+
.then(res => {
109+
return res.result
110+
})
111+
},
112+
orgTree: [],
113+
selectedRowKeys: [],
114+
selectedRows: []
115+
}
116+
},
117+
created () {
118+
getOrgTree().then(res => {
119+
this.orgTree = res.result
120+
})
121+
},
122+
methods: {
123+
handleClick (e) {
124+
console.log('handleClick', e)
125+
this.queryParam = {
126+
key: e.key
127+
}
128+
this.$refs.table.refresh(true)
129+
},
130+
handleAdd (item) {
131+
console.log('add button, item', item)
132+
this.$message.info(`提示：你点了 ${item.key} - ${item.title} `)
133+
this.$refs.modal.add(item.key)
134+
},
135+
handleTitleClick (item) {
136+
console.log('handleTitleClick', item)
137+
},
138+
titleClick (e) {
139+
console.log('titleClick', e)
140+
},
141+
handleSaveOk () {
142+
143+
},
144+
handleSaveClose () {
145+
146+
},
147+
148+
onSelectChange (selectedRowKeys, selectedRows) {
149+
this.selectedRowKeys = selectedRowKeys
150+
this.selectedRows = selectedRows
151+
}
152+
}
153+
}
154+
</script>
155+
156+
<style lang="less">
157+
.custom-tree {
158+
159+
/deep/ .ant-menu-item-group-title {
160+
position: relative;
161+
&:hover {
162+
.btn {
163+
display: block;
164+
}
165+
}
166+
}
167+
168+
/deep/ .ant-menu-item {
169+
&:hover {
170+
.btn {
171+
display: block;
172+
}
173+
}
174+
}
175+
176+
/deep/ .btn {
177+
display: none;
178+
position: absolute;
179+
top: 0;
180+
right: 10px;
181+
width: 20px;
182+
height: 40px;
183+
line-height: 40px;
184+
z-index: 1050;
185+
186+
&:hover {
187+
transform: scale(1.2);
188+
transition: 0.5s all;
189+
}
190+
}
191+
}
192+
</style>

0 commit comments

Comments
 (0)