From d5bdd2a06a2ca4bea80528d35c6395352a72c4d1 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期四, 12 十二月 2024 09:25:27 +0800
Subject: [PATCH] 1
---
src/views/pages/shenpiliucheng/newJob.vue | 101 +++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 94 insertions(+), 7 deletions(-)
diff --git a/src/views/pages/shenpiliucheng/newJob.vue b/src/views/pages/shenpiliucheng/newJob.vue
index 8c4e2b4..38e6973 100644
--- a/src/views/pages/shenpiliucheng/newJob.vue
+++ b/src/views/pages/shenpiliucheng/newJob.vue
@@ -1,15 +1,102 @@
<template>
- <div>
- 鏂板缓宸ヤ綔
+ <div class="mainbox" :style="{ height: viewportHeight + 'px' }">
+ <el-tabs
+ type="border-card"
+ :style="{ height: viewportHeight + 'px' }"
+ tab-position="left"
+ >
+ <el-tab-pane label="鏂板缓宸ヤ綔">
+ <div class="box">
+ <div class="title">鍏枃</div>
+ <el-row :gutter="12">
+ <el-col :span="8" >
+ <el-card shadow="hover" ><div @click="goToItemPage">鍙戞枃鐧昏</div></el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">鏀舵枃鐧昏</el-card>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="box">
+ <div class="title">琛屾斂</div>
+ <el-row :gutter="12">
+ <el-col :span="8">
+ <el-card shadow="hover">閲囪喘鐢宠鍗�</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">璐圭敤鎶ラ攢鍗�</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">浼氳鐢宠鍗�</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">鍔炲叕鐢ㄥ搧鐢宠鍗�</el-card>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="box">
+ <div class="title">浜轰簨</div>
+ <el-row :gutter="12">
+ <el-col :span="8">
+ <el-card shadow="hover">鍛樺伐璇峰亣鍗�</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">绂昏亴鐢宠鍗�</el-card>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="box">
+ <div class="title">鍏朵粬</div>
+ <el-row :gutter="12">
+ <el-col :span="8">
+ <el-card shadow="hover">璇峰亣鐢宠琛�</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">宸ヤ綔鏃ュ織</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">璧勬簮鐢宠鍗�</el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover">杞﹁締鐢宠鍗�</el-card>
+ </el-col>
+ </el-row>
+ </div>
+ </el-tab-pane>
+ </el-tabs>
</div>
</template>
<script>
export default {
-
-}
+ data() {
+ return {
+ viewportHeight: window.innerHeight,
+ };
+ },
+ methods: {
+ goToItemPage() {
+ console.log('111')
+ this.$router.push("/shenpiliucheng/wode");
+ },
+ goWode() {
+ console.log('111')
+ this.$router.push("/shenpiliucheng/wode");
+ },
+ },
+};
</script>
-
-<style>
-
+<style scoped >
+.box {
+ margin-bottom: 20px;
+}
+.box .title {
+ margin-bottom: 20px;
+ font-size: 24px;
+ font-weight: 700;
+ }
+.box /deep/ .el-col {
+ margin-bottom: 20px;
+ cursor: pointer;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.8.0