From 05e3edd60cdde8fe3d82eaeaaec86a8cd5c7d7b5 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期四, 19 十二月 2024 11:16:01 +0800
Subject: [PATCH] 新建工作内表格
---
src/views/pages/shenpiliucheng/newJob.vue | 96 ++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 89 insertions(+), 7 deletions(-)
diff --git a/src/views/pages/shenpiliucheng/newJob.vue b/src/views/pages/shenpiliucheng/newJob.vue
index 8c4e2b4..01ca7af 100644
--- a/src/views/pages/shenpiliucheng/newJob.vue
+++ b/src/views/pages/shenpiliucheng/newJob.vue
@@ -1,15 +1,97 @@
<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('/shenpiliucheng/fawen')">鍙戞枃鐧昏</div></el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/shouwen')">鏀舵枃鐧昏</div></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"><div @click="goToItemPage('/shenpiliucheng/caigou')">閲囪喘鐢宠鍗�</div></el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/feiyong')">璐圭敤鎶ラ攢鍗�</div></el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/huiyi')">浼氳鐢宠鍗�</div></el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/bangong')">鍔炲叕鐢ㄥ搧鐢宠鍗�</div></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"><div @click="goToItemPage('/shenpiliucheng/qingjiadan')">鍛樺伐璇峰亣鍗�</div></el-card>
+ </el-col>
+ <el-col :span="8">
+ <el-card shadow="hover"><div @click="goToItemPage('/shenpiliucheng/lizhi')">绂昏亴鐢宠鍗�</div></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(url) {
+ this.$router.push(url);
+ },
+ },
+};
</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