|
@@ -0,0 +1,305 @@
|
|
|
+<template>
|
|
|
+ <div class="monitorList">
|
|
|
+ <van-loading v-show="loading" type="spinner" color="#1989fa" />
|
|
|
+ <div class="navDefault">
|
|
|
+ <div class="nav">
|
|
|
+ <div class="navLeft">
|
|
|
+ <img src="@/assets/img/arrow.png" alt="" class="back" @click="goBack">
|
|
|
+ </div>
|
|
|
+ <span class="navMid">
|
|
|
+ <slot name="title">案件监测</slot>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <van-empty v-if="monitoList.length==0 && !loading" :image="$emptyImg" class="custom-image" description="暂时没有找到相关数据" />
|
|
|
+
|
|
|
+ <div class="wrapMonitorList">
|
|
|
+ <van-pull-refresh
|
|
|
+ v-model="refreshing"
|
|
|
+ pulling-text="下拉开始刷新..."
|
|
|
+ loosing-text="释放刷新..."
|
|
|
+ loading-text="正在刷新"
|
|
|
+ head-height="50"
|
|
|
+ @refresh="refreshList"
|
|
|
+ >
|
|
|
+ <div v-show="totalNum" class="mo-tips">已为您监测{{totalNum}}个案件</div>
|
|
|
+ <van-list
|
|
|
+ class="content sifa-yhc-case-info"
|
|
|
+ @load="onLoad"
|
|
|
+ >
|
|
|
+ <van-row v-for="(e,index) in monitoList" :key="index" class="four-info-item" @click="goDetail(e.id)">
|
|
|
+ <van-row class="case-item-title"><span v-if="e.caseEnd && e.caseEnd == 1" class="ja">[疑似结案]</span>{{e.title}}</van-row>
|
|
|
+ <div class="case-lables">
|
|
|
+ <span v-for="(item,index) in (e.caseType || [])" :key="index + 100" class="itm">{{item}}</span>
|
|
|
+ <span v-for="(item,index) in (e.lable || [])" :key="index" class="itm oth">{{item}}</span>
|
|
|
+ </div>
|
|
|
+ <van-row class="case-info-block">
|
|
|
+ <van-row class="case-info-block-left">
|
|
|
+ <van-row class="left-item">
|
|
|
+ <span>案件类型:</span>
|
|
|
+ <span class="left-item-value">{{e.caseType && e.caseType.join(',')}}</span>
|
|
|
+ </van-row>
|
|
|
+ <van-row v-for="item in e.showPresonList" :key="item.title" class="left-item">
|
|
|
+ <span class="ybgTitle">{{item.title}}:</span>
|
|
|
+ <div style="display:flex;flex-direction:column;flex:1">
|
|
|
+ <span v-for="(em,index) in item.list" :key="index" :class="['left-item-value', em.litigant_id?'link':'']" @click.stop="goFilterNewUnknowCompony(em)">{{em.name}}</span>
|
|
|
+ </div>
|
|
|
+ </van-row>
|
|
|
+
|
|
|
+ <van-row class="left-item">
|
|
|
+ <span>案由:</span>
|
|
|
+ <span class="left-item-value">{{e.caseReason || '-'}}</span>
|
|
|
+ </van-row>
|
|
|
+ <van-row class="left-item">
|
|
|
+ <span>当前审理阶段:</span>
|
|
|
+ <span class="left-item-value">{{e.caseStage}}</span>
|
|
|
+ </van-row>
|
|
|
+ <van-row class="left-item">
|
|
|
+ <span>最新审理日期:</span>
|
|
|
+ <span class="left-item-value">{{e.date && e.date.substring(0,11)}}</span>
|
|
|
+ </van-row>
|
|
|
+ </van-row>
|
|
|
+ <!-- <van-icon name="arrow" color='#BDBFC1'/> -->
|
|
|
+ </van-row>
|
|
|
+ </van-row>
|
|
|
+
|
|
|
+ </van-list>
|
|
|
+ </van-pull-refresh>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts">
|
|
|
+ import $axios from '@/api'
|
|
|
+ import {Toast} from 'vant'
|
|
|
+ import {$goCompany} from '@/utils/utils'
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ loading:false,
|
|
|
+ monitoList:[],
|
|
|
+ pageNum:1,
|
|
|
+ totalNum:0,
|
|
|
+ totalPage:0,
|
|
|
+ companyName:'',
|
|
|
+ refreshing: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ document.querySelector('title').innerText='案件监测'
|
|
|
+ window.refreshMonitorList = this.refreshList
|
|
|
+ this.getMonitorList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onLoad() {
|
|
|
+ // let totalPage = Math.ceil(this.totalNum / 10);
|
|
|
+ // console.log(this.totalPage,this.pageNum)
|
|
|
+ if(!this.loading && this.totalPage > this.pageNum) {
|
|
|
+ this.pageNum++
|
|
|
+ this.getMonitorList()
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ refreshList() {
|
|
|
+ setTimeout(() => {
|
|
|
+ if (this.refreshing) {
|
|
|
+ this.refreshing = false
|
|
|
+ }
|
|
|
+ },800)
|
|
|
+ this.pageNum = 1
|
|
|
+ this.getMonitorList()
|
|
|
+ },
|
|
|
+
|
|
|
+ getMonitorList:async function() {
|
|
|
+ if(this.pageNum != 1) {
|
|
|
+ window.globalVariables.cancelLoadingOnce = true
|
|
|
+ }else{
|
|
|
+ this.monitoList = []
|
|
|
+ this.totalNum = 0
|
|
|
+ this.totalPage = 0
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ this.loading=true
|
|
|
+ const res = await $axios.post('winhc-justice-service/justice/case/v8',{
|
|
|
+ 'follow':1,
|
|
|
+ 'pageNum':this.pageNum,
|
|
|
+ 'pageSize':1000
|
|
|
+ })
|
|
|
+ this.loading = false
|
|
|
+ console.log('res=',res)
|
|
|
+ if( res) {
|
|
|
+ const monitoList = res
|
|
|
+
|
|
|
+ if(monitoList.length > 0) {
|
|
|
+ monitoList.forEach(e => {
|
|
|
+ //合并原告被告
|
|
|
+ const ybList = [...(e.ygName || []),...(e.bgName || [])]
|
|
|
+ const showPresonList = []
|
|
|
+ ybList.forEach((item) => {
|
|
|
+ const showTitle = item.partyTitle
|
|
|
+ let hasIndex = 'none'
|
|
|
+ showPresonList.forEach((pre,i) => {
|
|
|
+ if(pre.title === showTitle) {
|
|
|
+ hasIndex = i
|
|
|
+ }
|
|
|
+ })
|
|
|
+ const obj={
|
|
|
+ litigant_id:item.litigantId,
|
|
|
+ name: item.name
|
|
|
+ }
|
|
|
+ if(hasIndex==='none') {
|
|
|
+ showPresonList.push({
|
|
|
+ title:showTitle,
|
|
|
+ list:[obj]
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ showPresonList[hasIndex].list.push(obj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ e.showPresonList = showPresonList
|
|
|
+ })
|
|
|
+ this.monitoList = this.monitoList.concat(monitoList)
|
|
|
+ this.totalNum = monitoList.length
|
|
|
+ }
|
|
|
+
|
|
|
+ }else{
|
|
|
+ if(this.pageNum == 1) {
|
|
|
+ this.$toast(res.errorMsg)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ this.loading=false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goFilterNewUnknowCompony(val) {
|
|
|
+ if(val.litigant_id) {
|
|
|
+ $goCompany(val.name,val.litigant_id)
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ goDetail(id) {
|
|
|
+ if(id) {
|
|
|
+ this.$router.push('/NewCaseDetail?id='+id)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang='scss' scoped>
|
|
|
+.navDefault{
|
|
|
+ background: #fff;
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ padding: 50px 15px 15px;
|
|
|
+ z-index: 10;
|
|
|
+ top: 0;
|
|
|
+ .nav{
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex: 1;
|
|
|
+ justify-content: center;
|
|
|
+ .navLeft{
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ img{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .navMid{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #191A22;
|
|
|
+ span{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .vip{
|
|
|
+ width: 0.48rem;
|
|
|
+ height: 0.22rem;
|
|
|
+ position: absolute;
|
|
|
+ right: -26px;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .navRight{
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ color: #64696E;
|
|
|
+ font-size: 14px;
|
|
|
+ img{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ }
|
|
|
+ .nemail{
|
|
|
+ margin-left: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ #app {
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .van-pull-refresh{
|
|
|
+ min-height: calc(100vh - 80px);
|
|
|
+ }
|
|
|
+ .monitorList{
|
|
|
+ height: 100%;
|
|
|
+ -webkit-overflow-scrolling: touch;
|
|
|
+ overflow: hidden;
|
|
|
+ background: #F2F6F9;
|
|
|
+ padding-top: 81px;
|
|
|
+ font-size: 0.28rem;
|
|
|
+
|
|
|
+ .wrapMonitorList{
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ .mo-tips{
|
|
|
+ color: #A7AAAD;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ margin: 0.64rem 0.24rem 0;
|
|
|
+ }
|
|
|
+ .sifa-yhc-case-info{
|
|
|
+ background: #F2F6F9;
|
|
|
+ padding: 0;
|
|
|
+ .four-info-item{
|
|
|
+ background: #fff;
|
|
|
+ margin: 0.24rem;
|
|
|
+ border-radius: 0.24rem;
|
|
|
+ padding: 0 0.4rem;
|
|
|
+ .case-item-title{
|
|
|
+ // padding: 0.4rem 0;
|
|
|
+ }
|
|
|
+ .case-lables .itm{
|
|
|
+ border-radius: 0.04rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</style>
|