132 lines
4.8 KiB
Vue
132 lines
4.8 KiB
Vue
<template>
|
|
<view class="min-height bg p-30">
|
|
<HeaderItem title="司法鉴定"/>
|
|
<view class="rounded text-white flex justify-center items-center"
|
|
style="background: linear-gradient(91.28deg, rgba(14,146,252,1) 27.63%,rgba(29,188,188,1) 80.08%); height: 160rpx" @click="$jump('/onlineSheetPages/pages/newForensicRequest')">
|
|
司法鉴定线上申请入口
|
|
</view>
|
|
<view class="flex justify-around items-center flex-wrap my-25">
|
|
<view class="card flex flex-col justify-center items-center" @click="openPopup('condition')"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon name="/onlineSheetPages/static/v2_sua83h.png" size="120rpx"/>
|
|
<text class="text-25 mt-10">申请条件</text>
|
|
</view>
|
|
<view class="card flex flex-col justify-center items-center" @click="openPopup('stuff')"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon name="/onlineSheetPages/static/v2_sua840.png" size="120rpx"/>
|
|
<text class="text-25 mt-10">申请材料</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex justify-around items-center flex-wrap my-25">
|
|
<view class="card flex flex-col justify-center items-center" @click="openPopup('flow')"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon name="/onlineSheetPages/static/v2_sua84m.png" size="120rpx"/>
|
|
<text class="text-25 mt-10">办理流程</text>
|
|
</view>
|
|
<view class="card flex flex-col justify-center items-center"
|
|
@click="$jump(`/articlePages/pages/list?title=政策法规&cateId=72`)"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon name="/onlineSheetPages/static/v2_sua84z.png" size="120rpx"/>
|
|
<text class="text-25 mt-10">政策法规</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex justify-around items-center flex-wrap my-25">
|
|
<view class="card flex flex-col justify-center items-center"
|
|
@click="$jump(`/articlePages/pages/list?title=典型案例&cateId=75`)"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon name="/onlineSheetPages/static/v2_sue29e.png" size="120rpx"/>
|
|
<text class="text-25 mt-10">典型案例</text>
|
|
</view>
|
|
<view class="card flex flex-col justify-center items-center" @click="openPopup('fee')"
|
|
style="flex: 0 0 40%; border-radius: 20rpx">
|
|
<u-icon name="/onlineSheetPages/static/v2_suhlrq.png" size="120rpx"/>
|
|
<text class="text-25 mt-10">收费标准</text>
|
|
</view>
|
|
</view>
|
|
<u-popup :show="showContent" close-on-click-overlay @close="showContent = false" round="10"
|
|
:closeable="false"
|
|
:safe-area-inset-bottom="false">
|
|
<view class="p-50 pos-r" v-if="showContent">
|
|
<view class="pos-a" style="right: 10rpx; top: 10rpx;z-index: 999" @click="showContent = false">
|
|
<u-icon name="close-circle" :color="MAIN()" size="40rpx"/>
|
|
</view>
|
|
<view class="pos-a w-100p" style="left: 0; top: 10rpx">
|
|
<view class="text-center text-main">{{ title }}</view>
|
|
</view>
|
|
<view style="height: 50vh" class="overflow-y mt-25">
|
|
<u-parse :content="content"/>
|
|
</view>
|
|
</view>
|
|
</u-popup>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import HeaderItem from "@/components/HeaderItem.vue";
|
|
import {listArticleReq} from "@/api/common";
|
|
import {MAIN} from "@/config/color";
|
|
|
|
export default {
|
|
name: "legalAid",
|
|
components: {HeaderItem},
|
|
data() {
|
|
return {
|
|
articleList: [],
|
|
showContent: false,
|
|
title: '',
|
|
content: '',
|
|
}
|
|
},
|
|
methods: {
|
|
MAIN() {
|
|
return MAIN
|
|
},
|
|
async getArticleList() {
|
|
const {data} = await listArticleReq({
|
|
categoryId: 58
|
|
})
|
|
console.log(data)
|
|
this.articleList = data
|
|
},
|
|
openPopup(type) {
|
|
switch (type) {
|
|
case 'condition' : {
|
|
this.title = '申请条件'
|
|
const article = this.articleList.find(item => item.articleId === 89)
|
|
this.content = article.content
|
|
}
|
|
break;
|
|
case 'stuff' : {
|
|
this.title = '申请材料'
|
|
const article = this.articleList.find(item => item.articleId === 90)
|
|
this.content = article.content
|
|
}
|
|
break;
|
|
case 'flow' : {
|
|
this.title = '办理流程'
|
|
const article = this.articleList.find(item => item.articleId === 91)
|
|
this.content = article.content
|
|
}
|
|
break;
|
|
case 'fee' : {
|
|
this.title = '收费标准'
|
|
const article = this.articleList.find(item => item.articleId === 92)
|
|
this.content = article.content
|
|
}
|
|
break;
|
|
}
|
|
this.showContent = true
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.getArticleList()
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.bg {
|
|
background: url("https://sifa-api.wsdns.cn/api/file/20250420/bg1.jpg") no-repeat;
|
|
background-size: cover;
|
|
}
|
|
</style> |