|
|
|
@ -9,7 +9,9 @@ |
|
|
|
:key="index" |
|
|
|
:key="index" |
|
|
|
@click="goQuery(item)" |
|
|
|
@click="goQuery(item)" |
|
|
|
> |
|
|
|
> |
|
|
|
<section class="flex column v-center overall-item pointer"> |
|
|
|
<section |
|
|
|
|
|
|
|
class="flex column v-center overall-item pointer" |
|
|
|
|
|
|
|
> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<icon |
|
|
|
<icon |
|
|
|
:name="`local-icon-${item.icon}`" |
|
|
|
:name="`local-icon-${item.icon}`" |
|
|
|
@ -27,7 +29,12 @@ |
|
|
|
<h2 class="text-bold">今日统计</h2> |
|
|
|
<h2 class="text-bold">今日统计</h2> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex wrap box"> |
|
|
|
<div class="flex wrap box"> |
|
|
|
<section class="flex column v-center daily-item pointer" v-for="item in todayNumber" :key="item.name" @click="goQuery2(item)"> |
|
|
|
<section |
|
|
|
|
|
|
|
class="flex column v-center daily-item pointer" |
|
|
|
|
|
|
|
v-for="item in todayNumber" |
|
|
|
|
|
|
|
:key="item.name" |
|
|
|
|
|
|
|
@click="goQuery2(item)" |
|
|
|
|
|
|
|
> |
|
|
|
<div class="number">{{ item.total }}</div> |
|
|
|
<div class="number">{{ item.total }}</div> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
</section> |
|
|
|
</section> |
|
|
|
@ -42,51 +49,76 @@ |
|
|
|
<div class="mt-16"> |
|
|
|
<div class="mt-16"> |
|
|
|
<h2 class="text-bold">系统链接</h2> |
|
|
|
<h2 class="text-bold">系统链接</h2> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="external-links-item text-center text-bold mt-18 pointer" v-for="item in links" :key="item">{{ item }}</div> |
|
|
|
<div |
|
|
|
|
|
|
|
class="external-links-item text-center text-bold mt-18 pointer" |
|
|
|
|
|
|
|
v-for="item in links" |
|
|
|
|
|
|
|
:key="item" |
|
|
|
|
|
|
|
@click="goLink(item.url)" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
{{ item.title }} |
|
|
|
|
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script setup> |
|
|
|
<script setup> |
|
|
|
import { flowNumberAndTodayNumber } from '@/api/statistics' |
|
|
|
import { flowNumberAndTodayNumber } from "@/api/statistics"; |
|
|
|
const flowNumber = ref([]) |
|
|
|
const flowNumber = ref([]); |
|
|
|
const todayNumber = ref([]) |
|
|
|
const todayNumber = ref([]); |
|
|
|
flowNumberAndTodayNumber().then(data => { |
|
|
|
flowNumberAndTodayNumber().then((data) => { |
|
|
|
flowNumber.value = data.flowNumber; |
|
|
|
flowNumber.value = data.flowNumber; |
|
|
|
todayNumber.value = data.todayNumber; |
|
|
|
todayNumber.value = data.todayNumber; |
|
|
|
}) |
|
|
|
}); |
|
|
|
const links = ['民意感知', '视频督察', '情指行', '执法办案'] |
|
|
|
const links = [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
title: "民意感知", |
|
|
|
|
|
|
|
url: 'http://65.47.6.114:8001' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
title: '视频督察', |
|
|
|
|
|
|
|
url: 'http://65.47.26.34' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
title: '情指行', |
|
|
|
|
|
|
|
url: 'http://65.32.34.30/home/ui/#/' |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
title: '执法办案', |
|
|
|
|
|
|
|
url: 'http://65.47.4.100:8080' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
const router = useRouter() |
|
|
|
function goLink(url) { |
|
|
|
|
|
|
|
window.open(url) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const router = useRouter(); |
|
|
|
function goQuery(item) { |
|
|
|
function goQuery(item) { |
|
|
|
if (item.icon === 'sign') { |
|
|
|
if (item.icon === "sign") { |
|
|
|
router.push('/query?processingStatus=signing') |
|
|
|
router.push("/query?processingStatus=signing"); |
|
|
|
} |
|
|
|
} |
|
|
|
if (item.icon === 'verify') { |
|
|
|
if (item.icon === "verify") { |
|
|
|
router.push('/query?processingStatus=processing') |
|
|
|
router.push("/query?processingStatus=processing"); |
|
|
|
} |
|
|
|
} |
|
|
|
if (item.icon === 'delay') { |
|
|
|
if (item.icon === "delay") { |
|
|
|
router.push('/query?extensionFlag=true') |
|
|
|
router.push("/query?extensionFlag=true"); |
|
|
|
} |
|
|
|
} |
|
|
|
if (item.icon === 'completedApprove') { |
|
|
|
if (item.icon === "completedApprove") { |
|
|
|
router.push('/query?processingStatus=approval') |
|
|
|
router.push("/query?processingStatus=approval"); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function goQuery2(item) { |
|
|
|
function goQuery2(item) { |
|
|
|
if (item.name === '今日问题') { |
|
|
|
if (item.name === "今日问题") { |
|
|
|
router.push('/query?crtTime=today') |
|
|
|
router.push("/query?crtTime=today"); |
|
|
|
} |
|
|
|
} |
|
|
|
if (item.name === '今日办结') { |
|
|
|
if (item.name === "今日办结") { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
if (item.name === '累计问题') { |
|
|
|
if (item.name === "累计问题") { |
|
|
|
router.push('/query') |
|
|
|
router.push("/query"); |
|
|
|
} |
|
|
|
} |
|
|
|
if (item.name === '累计办结') { |
|
|
|
if (item.name === "累计办结") { |
|
|
|
router.push('/query?processingStatus=completed') |
|
|
|
router.push("/query?processingStatus=completed"); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
@ -136,8 +168,8 @@ function goQuery2(item) { |
|
|
|
height: 90px; |
|
|
|
height: 90px; |
|
|
|
line-height: 90px; |
|
|
|
line-height: 90px; |
|
|
|
font-size: 24px; |
|
|
|
font-size: 24px; |
|
|
|
background: linear-gradient( 180deg, #E9EBFD 0%, #EBEDFF 100%); |
|
|
|
background: linear-gradient(180deg, #e9ebfd 0%, #ebedff 100%); |
|
|
|
border: 1px solid #19257D; |
|
|
|
border: 1px solid #19257d; |
|
|
|
color: var(--primary-color); |
|
|
|
color: var(--primary-color); |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
wxc
1 year ago
