From ece9b6bba5a44a06041a8ad4d5f5ac1f14560d3e Mon Sep 17 00:00:00 2001 From: 明梦爽 <2972214568@qq.com> Date: 星期二, 09 八月 2022 09:42:12 +0800 Subject: [PATCH] 完善Readme --- src/components/page/keXieXiangMu.vue | 196 +++++++++--------------------------------------- 1 files changed, 37 insertions(+), 159 deletions(-) diff --git a/src/components/page/keXieXiangMu.vue b/src/components/page/keXieXiangMu.vue index 429b27c..e12b068 100644 --- a/src/components/page/keXieXiangMu.vue +++ b/src/components/page/keXieXiangMu.vue @@ -2,46 +2,20 @@ <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> + <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> @@ -54,129 +28,33 @@ 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 + { 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 - } - } + created() {}, + methods: {} } </script> <style lang="less" scoped> +h4 { + text-align: center; + margin-top: 0; +} +.mart10 { + margin-top: 10px; +} </style> -- Gitblit v1.8.0