From 08e0f4f66d2e39a19b91e8e2fe1bcad75569d4b8 Mon Sep 17 00:00:00 2001
From: 明梦爽 <2972214568@qq.com>
Date: 星期三, 26 一月 2022 23:24:08 +0800
Subject: [PATCH] 登录权限设置好
---
src/components/page/keXieXiangMu.vue | 203 +++++++++++---------------------------------------
1 files changed, 45 insertions(+), 158 deletions(-)
diff --git a/src/components/page/keXieXiangMu.vue b/src/components/page/keXieXiangMu.vue
index 930f999..6071204 100644
--- a/src/components/page/keXieXiangMu.vue
+++ b/src/components/page/keXieXiangMu.vue
@@ -1,47 +1,28 @@
<template>
<div>
- <globalTitle />
- <div >
- <!-- 椤圭洰灞曠ず鍖� -->
- <el-table :data="tableData" style="width: 100%" border stripe>
- <el-table-column
- type="index"
- label="搴忓彿"
- width="80px"
- ></el-table-column>
- <el-table-column
- prop="lixiangbianhao"
- label="绔嬮」缂栧彿"
- ></el-table-column>
- <el-table-column
- prop="xiangmumingcheng"
- label="椤圭洰鍚嶇О"
- ></el-table-column>
- <el-table-column
- prop="xiangmuxingshi"
- label="椤圭洰褰㈠紡"
- ></el-table-column>
- <el-table-column
- prop="xiangmufuzheren"
- label="椤圭洰璐熻矗浜�"
- ></el-table-column>
- <el-table-column
- prop="jiexiangshijian"
- label="缁撻」鏃堕棿"
- ></el-table-column>
- <el-table-column prop="beizhu" label="澶囨敞"></el-table-column>
- </el-table>
- <!-- 鍒嗛〉瀵艰埅鏍� -->
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="queryInfo.pagenum"
- :page-sizes="[1, 5, 8, 10]"
- :page-size="queryInfo.pagesize"
- layout="total, sizes, prev, pager, next, jumper"
- :total="total"
- >
- </el-pagination>
+ <globalTitle/>
+ <div>
+ <el-card class="mart10">
+ <h4>骞抽《灞卞闄�2021骞村害娌冲崡鐪佺鍗忕珛椤瑰垪琛�</h4>
+ <el-table :data="tableData" border style="width: 100%" :header-cell-style="{textAlign: 'center'}" :cell-style="{ textAlign: 'center' }">
+ <!-- :header-cell-style="{textAlign: 'center'}"璁剧疆澶撮儴灞呬腑锛� -->
+ <!-- :cell-style="{ textAlign: 'center' }"璁剧疆鏁翠釜琛ㄦ牸鍐呭姘村钩灞呬腑锛� -->
+ <el-table-column prop="id" label="搴忓彿" width="" >
+ </el-table-column>
+ <el-table-column prop="bianhao" label="绔嬮」缂栧彿" width="">
+ </el-table-column>
+ <el-table-column prop="name" label="椤圭洰鍚嶇О">
+ </el-table-column>
+ <el-table-column prop="xingshi" label="椤圭洰褰㈠紡">
+ </el-table-column>
+ <el-table-column prop="fuzeren" label="椤圭洰璐熻矗浜�">
+ </el-table-column>
+ <el-table-column prop="time" label="缁撻」鏃堕棿">
+ </el-table-column>
+ <el-table-column prop="beizhu" label="澶囨敞">
+ </el-table-column>
+ </el-table>
+ </el-card>
</div>
</div>
</template>
@@ -53,130 +34,36 @@
name: 'keXieXiangMu',
data() {
return {
- tableData: [
- {
- lixiangbianhao: '1',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '2',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '3',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '4',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '5',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '6',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '7',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '8',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '9',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- },
- {
- lixiangbianhao: '10',
- xiangmumingcheng: '骞抽《灞卞闄㈢瀛︽妧鏈崗浼氬畼缃戞惌寤�',
- xiangmuxingshi: '607瀹為獙瀹ゆ瀯寤�',
- xiangmufuzheren: '鍠绘亽',
- jiexiangshijian: '2021-12-31',
- beizhu: '绉戞妧妤糞607'
- }
- ],
- // 鑾峰彇鐢ㄦ埛鍒楄〃鐨勫弬鏁板璞�
- queryInfo: {
- query: '',
- // 褰撳墠椤垫暟
- pagenum: 1,
- // 褰撳墠姣忛〉鏄剧ず澶氬皯鏉℃暟鎹�
- pagesize: 2
- },
- userlist: [],
- total: 0
+ tableData:[{id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ {id:1,bianhao:'001',name:'鑻规灉',xingshi:'绾夸笂鎿嶄綔',fuzeren:'鑰佹潹',time:'2022-1-8',beizhu:'鏃�'},
+ ]
}
},
created() {
- this.getUserList()
},
methods: {
- async getUserList() {
- const { data: res } = await this.$http.get('users', {
- params: this.queryInfo
- })
- if (res.meta.status !== 200) {
- return this.$message.error('鑾峰彇鐢ㄦ埛鍒楄〃澶辫触锛� ')
- }
- this.userlist = res.data.users
- this.total = res.data.total
- console.log(res)
- },
-
- // 鐩戝惉pagesize鏀瑰彉鐨勪簨浠�
- handleSizeChange(newSize) {
- // console.log(newSize)
- this.queryInfo.pagesize = newSize
- this.getUserList()
- },
- // // 鐩戝惉 椤电爜鍊� 鏀瑰彉鐨勪簨浠�
- handleCurrentChange(newPage) {
- // console.log(newPage)
- this.queryInfo.newpage = newPage
- }
+
}
}
</script>
<style lang="less" scoped>
+h4{
+ text-align: center;
+ margin-top: 0;
+}
+.mart10{
+ margin-top: 10px;
+}
</style>
--
Gitblit v1.8.0