初始化项目
This commit is contained in:
@@ -3,11 +3,11 @@
|
||||
<div class="card-item" v-for="(item, index) in cardList" :key="index">
|
||||
<div class="card-left">
|
||||
<div class="icon-box">
|
||||
<img
|
||||
:src="item.iconImg"
|
||||
<Icon
|
||||
:icon="item.iconImg"
|
||||
class="icon-img"
|
||||
:style="{ filter: item.iconFilter }"
|
||||
>
|
||||
/>
|
||||
</div>
|
||||
<div class="card-text">
|
||||
<div class="module-name">{{ item.module }}</div>
|
||||
@@ -22,17 +22,19 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
<script lang="ts" setup>
|
||||
import { ref, onMounted, watch } from 'vue'
|
||||
// import { getIndexInfoList } from '@/api/bizApi'
|
||||
const cardList = ref()
|
||||
import { Icon } from '@jeesite/core/components/Icon';
|
||||
import { MyPageIndex, myPageIndexListAll } from '@jeesite/biz/api/biz/myPageIndex';
|
||||
|
||||
const cardList = ref<MyPageIndex[]>()
|
||||
|
||||
async function getList() {
|
||||
try {
|
||||
const reqParams = {
|
||||
indexCode: "werpIndex"
|
||||
}
|
||||
const res = await getIndexInfoList(reqParams)
|
||||
const res = await myPageIndexListAll(reqParams)
|
||||
cardList.value = res || []
|
||||
} catch (error) {
|
||||
console.error('获取数据失败:', error)
|
||||
@@ -40,14 +42,6 @@ async function getList() {
|
||||
}
|
||||
}
|
||||
|
||||
const resizeHandler = () => {
|
||||
const container = document.querySelector('.chart-top-container')
|
||||
if (container) {
|
||||
const height = container.parentElement.clientHeight
|
||||
container.style.height = `${height}px`
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getList()
|
||||
})
|
||||
@@ -79,7 +73,7 @@ watch(
|
||||
flex: 1;
|
||||
min-width: 160px;
|
||||
height: 85%;
|
||||
background: rgba(0, 0, 0, 0.1) url("@/assets/chart/item/03.png") no-repeat;
|
||||
background: rgba(0, 0, 0, 0.1) url("@jeesite/assets/chart/item/03.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
border: 1px solid rgba(26, 80, 139, 0.3);
|
||||
border-radius: 8px;
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="erp-layout-container">
|
||||
<div class="erp-section erp-top-header">
|
||||
<div class="erp-card full-card">
|
||||
<!-- <ChartTop /> -->
|
||||
<ChartTop />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user