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/telephone.vue | 70 +++++++++++++++++++++++++++++++++-
1 files changed, 67 insertions(+), 3 deletions(-)
diff --git a/src/components/page/telephone.vue b/src/components/page/telephone.vue
index 451c7cc..7014ce4 100644
--- a/src/components/page/telephone.vue
+++ b/src/components/page/telephone.vue
@@ -1,15 +1,79 @@
<template>
<div>
- <span>鑱旂郴鎴戜滑</span>
+ <globalTitle />
+ <el-card class="card">
+ <div class="max">
+ <div class="left">
+ <el-card style="" class="img">
+ <p>寰俊鍏紬鍙�</p>
+ <img src="../../assets/gongZhongHao.jpg" alt="">
+ </el-card>
+ <el-card style="" class="img">
+ <p>鏂版氮寰崥</p>
+ <img src="../../assets/weiBo.jpg" alt="">
+ </el-card>
+ </div>
+ <div class="right">
+ <el-table :data="tableData" border :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="60" >
+ </el-table-column>
+ <el-table-column prop="zhize" label="鑱岃矗" width="">
+ </el-table-column>
+ <el-table-column prop="name" label="濮撳悕">
+ </el-table-column>
+ <el-table-column prop="tel" label="鑱旂郴鐢佃瘽">
+ </el-table-column>
+ <el-table-column prop="mail" label="閭" width="200">
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ </el-card>
</div>
</template>
<script>
+import globalTitle from '../globalTitle.vue'
export default {
- name: 'zhengce'
+ components: { globalTitle },
+ name: 'telephone',
+ data() {
+ return {
+ tableData:[{id:1,zhize:'鏍￠暱',name:'鏉ㄩ福',tel:'12345678910',mail:'12312312@qq.com'},
+ {id:1,zhize:'鏍￠暱',name:'鏉ㄩ福',tel:'12345678910',mail:'12312312@qq.com'},
+ {id:1,zhize:'鏍￠暱',name:'鏉ㄩ福',tel:'12345678910',mail:'12312312@qq.com'},
+ {id:1,zhize:'鏍￠暱',name:'鏉ㄩ福',tel:'12345678910',mail:'12312312@qq.com'},
+ {id:1,zhize:'鏍￠暱',name:'鏉ㄩ福',tel:'12345678910',mail:'12312312@qq.com'},
+ {id:1,zhize:'鏍￠暱',name:'鏉ㄩ福',tel:'12345678910',mail:'12312312@qq.com'},
+ ]
+ }
+ }
}
</script>
<style lang="less" scoped>
-
+.card{
+ margin-top: 10px;
+}
+.max{
+ display: flex;
+ justify-content: space-between;
+}
+p{
+ text-align: center;
+}
+.right{
+ width: 800px;
+}
+.left{
+ width: 200px;
+}
+.img{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0