first commit

2025-05-22 10:33:32 +08:00
commit f2ef63d910
581 changed files with 53162 additions and 0 deletions
@@ -0,0 +1,132 @@
+<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>