parent
b4f52db747
commit
e3330f7dae
14 changed files with 191 additions and 47 deletions
@ -0,0 +1,9 @@ |
|||||||
|
package org.jeecg.modules.demo.expert.entity; |
||||||
|
|
||||||
|
import lombok.Data; |
||||||
|
|
||||||
|
@Data |
||||||
|
public class ExpdefVo { |
||||||
|
private String name; |
||||||
|
private Integer number; |
||||||
|
} |
@ -1,34 +1,79 @@ |
|||||||
<template> |
<template> |
||||||
<Card title="项目" v-bind="$attrs"> |
<Card title="项目" v-bind="$attrs"> |
||||||
<template #extra> |
<!-- <template #extra>--> |
||||||
<a-button type="link" size="small">更多</a-button> |
<!-- </template>--> |
||||||
</template> |
|
||||||
|
|
||||||
<template v-for="item in items" :key="item"> |
<!-- <template >--> |
||||||
<CardGrid class="!md:w-1/3 !w-full"> |
<CardGrid class="!md:w-1/3 !w-full"> |
||||||
<span class="flex"> |
<span class="flex"> |
||||||
<Icon :icon="item.icon" :color="item.color" size="30" /> |
<span class="text-lg ml-4">已经注册的专家总数</span> |
||||||
<span class="text-lg ml-4">{{ item.title }}</span> |
|
||||||
</span> |
</span> |
||||||
<div class="flex mt-2 h-10 text-secondary"> {{ item.desc }} </div> |
|
||||||
<div class="flex justify-between text-secondary"> |
<div class="flex justify-between text-secondary"> |
||||||
<span>{{ item.group }}</span> |
|
||||||
<span>{{ item.date }}</span> |
<span style="font-weight: bold; font-size: 2em; margin-left: auto; display: inline-block; width: fit-content;">{{ item1 }}</span> |
||||||
|
</div> |
||||||
|
</CardGrid> |
||||||
|
<CardGrid class="!md:w-1/3 !w-full"> |
||||||
|
<span class="flex"> |
||||||
|
<span class="text-lg ml-4">状态异常的专家数</span> |
||||||
|
</span> |
||||||
|
<div class="flex justify-between text-secondary"> |
||||||
|
|
||||||
|
<span style="font-weight: bold; font-size: 2em; margin-left: auto; display: inline-block; width: fit-content;">{{ item3 }}</span> |
||||||
|
</div> |
||||||
|
</CardGrid> |
||||||
|
<CardGrid class="!md:w-1/3 !w-full"> |
||||||
|
<span class="flex"> |
||||||
|
<span class="text-lg ml-4">状态正常的专家数</span> |
||||||
|
</span> |
||||||
|
<div class="flex justify-between text-secondary"> |
||||||
|
|
||||||
|
<span style="font-weight: bold; font-size: 2em; margin-left: auto; display: inline-block; width: fit-content;">{{ item2 }}</span> |
||||||
</div> |
</div> |
||||||
</CardGrid> |
</CardGrid> |
||||||
</template> |
|
||||||
|
<!-- </template>--> |
||||||
</Card> |
</Card> |
||||||
</template> |
</template> |
||||||
<script lang="ts"> |
<script lang="ts"> |
||||||
import { defineComponent } from 'vue'; |
import { defineComponent, ref } from 'vue'; |
||||||
import { Card } from 'ant-design-vue'; |
import { Card } from 'ant-design-vue'; |
||||||
import { Icon } from '/@/components/Icon'; |
import { Icon } from '/@/components/Icon'; |
||||||
import { groupItems } from './data'; |
import { getDataListApi,getDataListApizc,getDataListApiyc } from './api'; |
||||||
|
|
||||||
export default defineComponent({ |
export default defineComponent({ |
||||||
components: { Card, CardGrid: Card.Grid, Icon }, |
components: { Card, CardGrid: Card.Grid, Icon }, |
||||||
setup() { |
setup() { |
||||||
return { items: groupItems }; |
const item1 = ref("0"); |
||||||
|
function item01(){ |
||||||
|
getDataListApi().then(res => { |
||||||
|
item1.value = res |
||||||
|
console.log("-----------------",item1.value) |
||||||
|
})} |
||||||
|
item01(); |
||||||
|
|
||||||
|
const item2 = ref("0"); |
||||||
|
function item02(){ |
||||||
|
getDataListApizc().then(res => { |
||||||
|
item2.value = res |
||||||
|
console.log("++++++++++++++++++++++",item2.value) |
||||||
|
})} |
||||||
|
item02(); |
||||||
|
|
||||||
|
const item3 = ref("0"); |
||||||
|
function item03(){ |
||||||
|
getDataListApiyc().then(res => { |
||||||
|
item3.value = res |
||||||
|
console.log("++++++++++++++++++++++",item3.value) |
||||||
|
})} |
||||||
|
item03(); |
||||||
|
|
||||||
|
|
||||||
|
return {item1,item2,item3} |
||||||
|
|
||||||
|
|
||||||
}, |
}, |
||||||
}); |
}); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script> |
</script> |
||||||
|
@ -0,0 +1,27 @@ |
|||||||
|
import { defHttp } from '/src/utils/http/axios'; |
||||||
|
import { useMessage } from "/src/hooks/web/useMessage"; |
||||||
|
|
||||||
|
const { createConfirm } = useMessage(); |
||||||
|
|
||||||
|
enum Api { |
||||||
|
dataList = '/expert/expert/expdatanumber', |
||||||
|
zclist = '/expert/expert/expdatanumberzc', |
||||||
|
lyzjlist = '/expert/expert/expdatanumberdiffect', |
||||||
|
} |
||||||
|
|
||||||
|
export function getDataListApi() { |
||||||
|
return defHttp.get({ url: Api.dataList }); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
export function getDataListApizc() { |
||||||
|
return defHttp.get({ url: Api.zclist }); |
||||||
|
} |
||||||
|
|
||||||
|
export function getDataListApiyc() { |
||||||
|
return defHttp.get({ url: Api.yclist }); |
||||||
|
} |
||||||
|
|
||||||
|
export function expdatanumberdiffect() { |
||||||
|
return defHttp.get({ url: Api.lyzjlist }); |
||||||
|
} |
Loading…
Reference in new issue