|
|
|
@ -1,5 +1,6 @@
|
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { ref } from "vue";
|
|
|
|
|
import { onMounted, ref } from "vue";
|
|
|
|
|
import {getToolsCount } from '@/api/home/main'
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits<{
|
|
|
|
|
(e: "reject", params: any);
|
|
|
|
@ -7,6 +8,15 @@ const emit = defineEmits<{
|
|
|
|
|
}>();
|
|
|
|
|
|
|
|
|
|
const show = ref(false);
|
|
|
|
|
const toolsData = ref({} as any);
|
|
|
|
|
|
|
|
|
|
async function getData(){
|
|
|
|
|
const res=await getToolsCount();
|
|
|
|
|
toolsData.value=res.data || {};
|
|
|
|
|
}
|
|
|
|
|
onMounted(()=>{
|
|
|
|
|
getData()
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
function showModal() {
|
|
|
|
|
show.value = true;
|
|
|
|
@ -27,6 +37,8 @@ async function viewRepeat(e: MouseEvent) {
|
|
|
|
|
closeModal();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
defineExpose({
|
|
|
|
|
showModal,
|
|
|
|
|
});
|
|
|
|
@ -43,17 +55,17 @@ defineExpose({
|
|
|
|
|
<div class="flex_box" style="height: 100px">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<SvgIcon name="task_count" width="80" height="96" />
|
|
|
|
|
<div class="num_box">6399</div>
|
|
|
|
|
<div class="num_box">{{ toolsData?.taskTotal || 0 }}</div>
|
|
|
|
|
<div class="title_box">任务总数</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<SvgIcon name="task_wait" width="80" height="96" />
|
|
|
|
|
<div class="num_box">6290</div>
|
|
|
|
|
<div class="num_box">{{ toolsData?.treat || 0 }}</div>
|
|
|
|
|
<div class="title_box">待审批</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<SvgIcon name="task_over" width="80" height="96" />
|
|
|
|
|
<div class="num_box">109</div>
|
|
|
|
|
<div class="num_box">{{ toolsData?.approved || 0 }}</div>
|
|
|
|
|
<div class="title_box">已审批</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|