From 54f5cd85e43bf92266a2617994642e1b8aa5bcb5 Mon Sep 17 00:00:00 2001
From: zhangnuoyan <9354631+zhangnuoyan@user.noreply.gitee.com>
Date: 星期日, 25 八月 2024 10:58:14 +0800
Subject: [PATCH] feat: 增加一些组件
---
src/views/oneThree/comprehensive/index.vue | 90 ++++++++++++++++-----------------------------
1 files changed, 32 insertions(+), 58 deletions(-)
diff --git a/src/views/oneThree/comprehensive/index.vue b/src/views/oneThree/comprehensive/index.vue
index a36e2be..7e80acf 100644
--- a/src/views/oneThree/comprehensive/index.vue
+++ b/src/views/oneThree/comprehensive/index.vue
@@ -34,25 +34,27 @@
</div>
</div>
<div class="main">
- <the-box-card
- v-for="(item, index) in list"
- :id="item.id"
- :key="item.id"
- :icon="item.icon"
- :title="item.title"
- :unit-title="item.unitTitle"
- :unit-num="item.unitNum"
- :unit="item.unit"
- :name="item.name"
- :not-name="item.notName"
- :hire="item.hire"
- :vacant="item.vacant"
- :self-occupation="item.selfOccupation"
- :service="item.service"
- :closes="item.closes"
- @handleClick="handleClick(item)"
- @handleDetails="handleDetails(item)"
- ></the-box-card>
+ <div class="cards">
+ <the-box-card
+ v-for="(item, index) in list"
+ :id="item.id"
+ :key="item.id"
+ :icon="item.icon"
+ :title="item.title"
+ :unit-title="item.unitTitle"
+ :unit-num="item.unitNum"
+ :unit="item.unit"
+ :name="item.name"
+ :not-name="item.notName"
+ :hire="item.hire"
+ :vacant="item.vacant"
+ :self-occupation="item.selfOccupation"
+ :service="item.service"
+ :closes="item.closes"
+ @handleClick="handleClick(item)"
+ @handleDetails="handleDetails(item)"
+ ></the-box-card>
+ </div>
<a-pagination :total="50" show-total show-jumper show-page-size style="margin-top: 8px" />
</div>
</div>
@@ -179,8 +181,8 @@
colorBg: "#9747FF"
}
]);
-const list = reactive([
- {
+const list = reactive(
+ new Array(5).fill({
icon: "",
title: "A灏忓尯",
unitTitle: "瀹炴湁灏忓尯",
@@ -195,43 +197,8 @@
selfOccupation: 45,
service: 23,
closes: 54
- }
-]);
-
-//鍒楄〃
-const columns = [
- {
- title: "搴忓彿",
- key: "1",
- dataIndex: "index",
- slotName: "index",
- width: 80
- },
- {
- title: "Name",
- dataIndex: "name",
- key: "2"
- },
- {
- title: "Address",
- dataIndex: "address",
- key: "3"
- },
- {
- title: "Email",
-
- dataIndex: "email",
- key: "4"
- },
- {
- title: "鎿嶄綔",
- key: "5",
- slotName: "action",
- width: 200
- }
-
- // 鏇村鍒�...
-];
+ })
+);
const handleClick = (item: any) => {
console.log(item, 888);
@@ -261,6 +228,13 @@
background: var(--color-bg-2);
margin-top: 8px;
flex: 1;
+ .cards {
+ overflow: hidden;
+ > div {
+ float: left;
+ margin: 0 20px 20px 0;
+ }
+ }
}
.top-title {
display: flex;
--
Gitblit v1.8.0