front / ningxia-credit-web · Files

<template>
  <div class="risk_detail">
    <!--二级锚点-->
    <el-row ref="cardRef"></el-row>
    <el-anchor direction="horizontal" class="mb20" :class="state.isMenuFixed ? 'cardFixed':''" type="underline" :offset="100">
      <el-anchor-link v-for="item in state.modelList[tabProp]" :href="`#${item.id}-${tabIndex}`">
        <span v-if="(props.history && item.isShow === undefined) || !props.history">{{item.name}}</span>
      </el-anchor-link>
    </el-anchor>

    <!--模块数据-->
    <div :style="{'padding-top': state.isMenuFixed ? '60px': '0'}">
      <div v-for="model in state.modelList[tabProp]">
        <div :id="`${model.id}-${tabIndex}`" class="mb20" v-if="(props.history && model.isShow === undefined) || !props.history"><!--:style="{'padding-top': state.isMenuFixed ? '50px': '0'}"-->
          <div class="mb10 model_title">
            <el-icon size="18px" style="vertical-align: middle" class="mr5">
              <component :is="model.icon"></component>
            </el-icon>
            <span>{{model.name}}</span>
          </div>

          <!--表格描述-->
          <template v-if="state.tableColumns[model.id] && state.tableColumns[model.id].type === 'desc'">
            <el-descriptions border :column="2" :id="`${model.id}-${tabIndex}`" class="mb20">
              <template v-for="item in state.tableColumns[model.id].data">
                <el-descriptions-item v-if="item.types === undefined" :label="item.label" :span="item.span" width="500px">
                  <template v-if="state.detailData[model.id]">
                    <template v-if="item.prop.indexOf(',') > -1">
                      {{DateUtil.formatDate(state.detailData[model.id][item.prop.split(',')[0]]) + '至' + DateUtil.formatDate(state.detailData[model.id][item.prop.split(',')[1]])}}
                    </template>
                    <template v-else>
                      {{contentFormat(state.detailData[model.id][item.prop])}}
                    </template>
                  </template>
                </el-descriptions-item>
              </template>
            </el-descriptions>
          </template>

          <template v-if="state.tableColumns[model.id] && state.tableColumns[model.id].type === 'table'">
            <!--          {{state.detailData[model.id]}}
                      {{model.id}}-->
            <el-table :data="state.detailData[model.id] && state.detailData[model.id].rows" border class="own_table" style="width: 100%" :row-class-name="tableRowClassName" show-overflow-tooltip>
              <el-table-column v-for="item in state.tableColumns[model.id].data" :prop="item.prop" :label="item.label">
                <template #default="scope">
                  <template v-if="item.type && item.type === 'date' && ((typeof scope.row[item.prop] === 'string' && scope.row[item.prop].indexOf('-') === -1) || (typeof scope.row[item.prop] === 'number'))">
                    {{DateUtil.formatDate(scope.row[item.prop])}}
                  </template>
                  <template v-else-if="item.type && item.type === 'image'">
                    <el-image :src="scope.row[item.prop]" style="width: 30px" :fit="'contain'"></el-image>
                  </template>
                  <template v-else-if="item.type && item.type === 'link'">
                    <el-link :href="scope.row[item.prop]" target="_blank" type="primary">
                      查看
                    </el-link>
                  </template>
                  <template v-else-if="item.type && item.type === 'json'">
                    <template v-for="arr in JSON.parse(scope.row[item.prop])">
                      {{arr.role}}：{{arr.name}}<br/>
                    </template>
                  </template>
                  <template v-else-if="item.type && item.type === 'money'">
                    {{moneyFormat(scope.row[item.prop])}}
                  </template>
                  <template v-else-if="item.type && item.type === 'zxzt'">
                    <template v-if="parseInt(scope.row[item.prop]) === 0">执行中</template>
                    <template v-if="parseInt(scope.row[item.prop]) === 1">已结案</template>
                  </template>
                  <template v-else>
                    {{scope.row[item.prop]}}
                  </template>
                </template>
              </el-table-column>
              <el-table-column v-if="['goudxx', 'msaj', 'xsaj', 'xzaj', 'zxaj', 'qzqsypc', 'fsbqaj'].includes(model.id)" label="操作">
                <template #default="scope">
                  <el-button type="primary" link @click="handleDetail(scope.row, model.name, model.id)">详情</el-button>
                </template>
              </el-table-column>
            </el-table>

            <pagination
                v-show="state.detailData[model.id] && state.detailData[model.id].total > 0"
                :total="state.detailData[model.id] && state.detailData[model.id].total"
                :page.sync="state.queryParams[model.id] && state.queryParams[model.id].pageNum"
                :limit.sync="state.queryParams[model.id] && state.queryParams[model.id].pageSize"
                @pagination="({page, limit})=>getTableInfo(page, limit, model.id)"
                :auto-scroll="false"
            />
          </template>
        </div>
      </div>
    </div>

    <el-dialog :title="state.title" v-model="state.dialogOpen" width="1000px" append-to-body destroy-on-close>
      <template v-if="['司法协助详情'].includes(state.title)">
        <template v-for="item in state.judicialDetailKeys">
          <el-descriptions border :column="2" :title="item.name" class="mb20">
            <template v-for="detail in state.judicialDetail">
              <el-descriptions-item v-if="detail.types === undefined || (detail.types && detail.types.includes(item.key))" :label="detail.label" :span="detail.span" width="500px">
                <template v-if="detail.isFormat && state.judicialData[item.key][detail.prop]">
                  {{DateUtil.formatDate(state.judicialData[item.key][detail.prop])}}
                </template>
                <template v-else>
                  {{contentFormat(state.judicialData[item.key][detail.prop])}}
                </template>
              </el-descriptions-item>
            </template>
          </el-descriptions>
        </template>
      </template>
<!--      <el-table v-else-if="['动产抵押详情'].includes(state.title)" :data="state.dywData" border class="own_table">
        <el-table-column v-for="item in state.dywDetail" :label="item.label" :prop="item.prop"></el-table-column>
      </el-table>-->
      <el-descriptions border :column="2" v-else>
        <template v-for="item in state.detailItem">
          <el-descriptions-item v-if="item.types === undefined || (item.types && item.types.includes(state.dialogType))" :label="item.label" :span="item.span" width="500px">
            <template v-if="item.prop === 'cDsrxx' && state.dialogData[item.prop]">
              <el-table :data="JSON.parse(state.dialogData[item.prop])" border class="own_table" style="width: 700px">
                <el-table-column v-for="key in Object.keys(JSON.parse(state.dialogData[item.prop])[0])" :label="key" :prop="key"></el-table-column>
              </el-table>
            </template>
            <template v-else>
              {{contentFormat(state.dialogData[item.prop])}}
            </template>
          </el-descriptions-item>
        </template>
      </el-descriptions>
    </el-dialog>
  </div>
</template>

<script setup lang="ts">
import * as api from '../interface/api.ts'
import DateUtil from "../utils/date.js"
import {moneyFormat} from "../utils/until.ts";

  let props = defineProps({
    tabProp: {
      type: String
    },
    tabIndex: {
      type: Number
    },
    searchName: {
      type: String
    },
    history: {
      type: Boolean,
      default: false,
    }
  })

  let state = reactive({
    isMenuFixed: false,
    //二级模块数据
    modelList: {
      sffx: [
        {
          name: "民事案件",
          icon: "Bell",
          id: 'msaj'
        }, {
          name: "刑事案件",
          icon: "Bell",
          id: 'xsaj'
        }, {
          name: "行政案件",
          icon: "Bell",
          id: 'xzaj',
        }, {
          name: "执行案件",
          icon: "Bell",
          id: 'zxaj',
        }, {
          name: "强制清算与破产",
          icon: "Bell",
          id: 'qzqsypc',
        }, {
          name: "非诉保全案件",
          icon: "Bell",
          id: 'fsbqaj',
        }, {
          name: "失信被执行人",
          icon: "Bell",
          id: 'sxbzxr',
        }, {
          name: "被执行人",
          icon: "Bell",
          id: 'bzxr',
          isShow: 1
        }, {
          name: "限制高消费",
          icon: "Bell",
          id: 'xzgxf',
        }, {
          name: "司法协助",
          icon: "Bell",
          id: 'sfxz',
          isShow: 1
        }, {
          name: "司法拍卖",
          icon: "Bell",
          id: 'sfpm',
          isShow: 1
        }, {
          name: "开庭公告",
          icon: "Bell",
          id: 'ktgg',
          isShow: 1
        }
      ],
      jyfx: [
        {
          name: "经营异常",
          icon: "Bell",
          id: 'jyyc',
        }, {
          name: "行政处罚",
          icon: "Bell",
          id: 'xzcf',
        },/* {
          name: "海关行政处罚",
          icon: "Bell",
          id: 'hgxzcf',
        },*/ {
          name: "严重违法",
          icon: "Bell",
          id: 'yzwf',
        }, {
          name: "股权出质",
          icon: "Bell",
          id: 'gqcz',
        }, {
          name: "欠税公告",
          icon: "Bell",
          id: 'qsgg',
        }, {
          name: "清算信息",
          icon: "Bell",
          id: 'qsxx',
        }, {
          name: "动产抵押",
          icon: "Bell",
          id: 'dcdy',
        }, {
          name: "土地抵押",
          icon: "Bell",
          id: 'tddy',
        }, {
          name: "抽查检查",
          icon: "Bell",
          id: 'ccjc',
        }
      ],
      yuqing: [
        {
          name: "舆情",
          icon: "Bell",
          id: 'yuqing',
        }
      ]
    },
    detailData: {},
    dialogType: "",
    tableColumns: {
      msaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }]
      },
      xsaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSlcx",
            label: "审理程序"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "经办法院"
          }
        ]
      },
      xzaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSlcx",
            label: "审理程序"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "经办法院"
          }
        ]
      },
      fsbqaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSqbqse",
            label: "申请保全数额"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }
        ]
      },
      zxaj: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "nSqzxbdje",
            label: "申请执行标的金额（元）"
          },
          {
            prop: "nLaay",
            label: "立案案由"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }
        ]
      },
      qzqsypc: {
        type: 'table',
        data: [
          {
            prop: "cAh",
            label: "案号"
          },
          {
            prop: "nSsdw",
            label: "诉讼地位"
          },
          {
            prop: "dLarq",
            label: "立案时间"
          },
          {
            prop: "nAjjzjd",
            label: "案件进展阶段"
          },
          {
            prop: "dJarq",
            label: "结案时间"
          },
          {
            prop: "nJafs",
            label: "结案方式"
          },
          {
            prop: "nJbfy",
            label: "执行法院"
          }
        ]
      },
      sxbzxr: {
        type: 'table',
        data: [
          {
            prop: "caseNumber",
            label: "案号"
          },
          {
            prop: "date",
            label: "立案时间"
          },
          {
            prop: "court",
            label: "执行法院"
          },
          {
            prop: "exDepartment",
            label: "做出执行依据单位"
          },
          {
            prop: "docNumber",
            label: "执行依据文号"
          },
          {
            prop: "province",
            label: "省份"
          },
          {
            prop: "executionStatus",
            label: "被执行人的履行情况"
          },
          {
            prop: "publishDate",
            label: "发布时间",
          },
          {
            prop: "finalDuty",
            label: "生效法律文书确定的义务"
          },
          {
            prop: "executionDesc",
            label: "失信被执行人行为具体情形"
          }
        ]
      },
      bzxr: {
        type: 'table',
        data: [
          {
            prop: "caseNumber",
            label: "案号"
          },
          {
            prop: "status",
            label: "执行状态",
            type: 'zxzt',
          },
          {
            prop: "court",
            label: "执行法院"
          },
          {
            prop: "caseDate",
            label: "立案日期"
          },
          {
            prop: "amount",
            label: "执行金额（元）",
            type: "money"
          },
        ]
      },
      xzgxf: {
        type: 'table',
        data: [
          {
            prop: "caseNo",
            label: "案号"
          }, {
            prop: "court",
            label: "执行法院"
          }, {
            prop: "releaseDate",
            label: "发布时间"
          }
        ]
      },
      sfxz: {
        type: 'table',
        data: [
          {
            prop: "executeNoticeNum",
            label: "执行通知书文号"
          },
          {
            prop: "equityAmount",
            label: "股权数额"
          },
          {
            prop: "typeState",
            label: "类型/状态"
          },
          {
            prop: "executiveCourt",
            label: "执行法院"
          },
          {
            prop: "executedPerson",
            label: "被执行人"
          }
        ]
      },
      sfpm: {
        type: 'table',
        data: [
          {
            prop: "date",
            label: "拍卖起止时间"
          }, {
            prop: "name",
            label: "拍卖公告",
          }, {
            prop: "fullName",
            label: "拍卖标的"
          }, {
            prop: "transactionPrice",
            label: "拍卖价（元）"
          }, {
            prop: "court",
            label: "委托法院"
          }, {
            prop: "url",
            label: "链接",
            type: "link"
          }
        ]
      },
      ktgg: {
        type: 'table',
        data: [
          {
            prop: "caseNo",
            label: "案号"
          }, {
            prop: "causeAction",
            label: "案由"
          }, {
            prop: "hearingDate",
            label: "开庭日期"
          }, {
            prop: "pureRole",
            label: "当事人身份"
          }, {
            prop: "tribunal",
            label: "法庭"
          }, {
            prop: "relatedCompanies",
            label: "当事人",
            type: "json"
          }
        ]
      },
      jyyc: {
        type: 'table',
        data: [
          {
            prop: "inReason",
            label: "列入原因"
          }, {
            prop: "inDate",
            label: "列入日期"
          }, {
            prop: "department",
            label: "作出列入决定机关"
          }, {
            prop: "outReason",
            label: "移出原因"
          }, {
            prop: "outDate",
            label: "移出日期"
          }, {
            prop: "outDepartment",
            label: "作出移出决定机关"
          }
        ]
      },
      xzcf: {
        type: 'table',
        data: [
          {
            prop: "punishNumber",
            label: "决定书文号"
          }, {
            prop: "illegal_type",
            label: "违法行为类型"
          }, {
            prop: "punishment_text",
            label: "处罚内容"
          }, {
            prop: "department",
            label: "决定机关名称"
          }, {
            prop: "date",
            label: "决定日期"
          }
        ]
      },
      hgxzcf: {
        type: 'table',
        data: [
          {
            prop: "penaltyDate",
            label: "处罚日期"
          }, {
            prop: "natureOfCase",
            label: "案件性质"
          }, {
            prop: "party",
            label: "当事人"
          }, {
            prop: "decisionNumber",
            label: "处罚决定书编号"
          }
        ]
      },
      yzwf: {
        type: 'table',
        data: [
          {
            prop: "putReason",
            label: "列入原因"
          }, {
            prop: "putDate",
            label: "列入日期"
          }, {
            prop: "putDepartment",
            label: "作出列入决定机关"
          }, {
            prop: "removeReason",
            label: "移出原因"
          }, {
            prop: "removeDate",
            label: "移出日期"
          }, {
            prop: "removeDepartment",
            label: "作出移出决定机关"
          }
        ]
      },
      gqcz: {
        type: 'table',
        data: [
          {
            prop: "publicDate",
            label: "公告日期"
          }, {
            prop: "number",
            label: "登记编号"
          }, {
            prop: "pledgor",
            label: "出质人"
          }, {
            prop: "pawnee",
            label: "质权人"
          }, {
            prop: "pledgorAmount",
            label: "出质股权数额"
          }, {
            prop: "date",
            label: "设立登记日期",
            type: 'date'
          }, {
            prop: "status",
            label: "状态"
          }
        ]
      },
      qsgg: {
        type: 'table',
        data: [
          {
            prop: "overdueType",
            label: "所欠税种"
          }, {
            prop: "historyOverdueAmount",
            label: "欠税金额（元）"
          }, {
            prop: "currOverdueAmount",
            label: "当前新发生欠税金额（元）"
          }, {
            prop: "overdueAmount",
            label: "欠税余额"
          }, {
            prop: "pubDepartment",
            label: "发布机关"
          }, {
            prop: "pubDate",
            label: "发布日期"
          }
        ]
      },
      qsxx: {
        type: 'table',
        data: [
          {
            prop: "leader",
            label: "清算组负责人"
          }, {
            prop: "employees",
            label: "清算组成员"
          }
        ]
      },
      dcdy: {
        type: 'table',
        data: [
          {
            prop: "date",
            label: "登记日期"
          }, {
            prop: "number",
            label: "登记编号"
          }, {
            prop: "department",
            label: "登记机关"
          }, {
            prop: "type",
            label: "被担保债权类型"
          }, {
            prop: "amount",
            label: "被担保债权数额"
          }, {
            prop: "status",
            label: "担保状态"
          }
        ]
      },
      tddy: {
        type: 'table',
        data: [
          {
            prop: "startDate",
            label: "开始时间"
          }, {
            prop: "landAministrativeArea",
            label: "行政区"
          }, {
            prop: "mortgageToUser",
            label: "抵押土地用途"
          }, {
            prop: "mortgageArea",
            label: "抵押面积（公顷）"
          }, {
            prop: "land_loc",
            label: "土地坐落"
          }, {
            prop: "endDate",
            label: "结束时间"
          }
        ]
      },
      ccjc: {
        type: 'table',
        data: [
          {
            prop: "checkDate",
            label: "日期",
            type: "date"
          }, {
            prop: "checkType",
            label: "类型"
          }, {
            prop: "checkResult",
            label: "结果"
          }, {
            prop: "checkOrg",
            label: "检查实施机关"
          }
        ]
      },
      yuqing: {
        type: 'table',
        data: [
          {
            prop: "title",
            label: "标题"
          }, {
            prop: "pubTime",
            label: "发布日期"
          }, {
            prop: "source",
            label: "来源"
          }, {
            prop: "tag",
            label: "舆情标签"
          }, {
            prop: "url",
            label: "原文链接",
            type: "link"
          }
        ]
      }
    },
    queryParams: {},
    urlList: {
      msaj: 'judicial/entoutdetail', //案件信息 type 1 民事2刑事3行政4非诉保全5执行6强制清算与破产
      xsaj: 'judicial/entoutdetail', //刑事案件
      xzaj: 'judicial/entoutdetail', // 执行案件
      fsbqaj: 'judicial/entoutdetail', // 非诉保全案件
      zxaj: 'judicial/entoutdetail', // 执行案件
      qzqsypc: 'judicial/entoutdetail', // 强制清算与破产
      sxbzxr: 'judicial/humanDishonest', // 失信被执行人
      bzxr: 'judicial/executedPerson', // 被执行人
      xzgxf: 'judicial/xgbzxrorg', // 限制高消费
      sfxz: 'judicial/judicial', // 司法协助
      sfpm: 'judicial/judicialSale', // 司法拍卖
      ktgg: 'judicial/getCourtNoticeByName', // 开庭公告
    },
    urlJYList: {
      jyyc: 'judicial/abnormal', //经营异常
      xzcf: 'judicial/punishmentInfo', //行政处罚
      // hgxzcf: 'judicial/ieSanction',  //海关行政处罚
      yzwf: 'judicial/illegalInfo',  //严重违法
      gqcz: 'judicial/equityInfo',  //股权出质
      qsgg: 'judicial/ownTax',  //欠税公告
      qsxx: 'judicial/liquidating',  //清算信息
      dcdy: 'judicial/mortgageInfo',  //动产抵押
      tddy: 'judicial/landMortgage',  //土地抵押
      ccjc: 'judicial/checkInfo',  //抽查检查
    },
    yuqingList: {
      yuqing: 'judicial/news',  //舆情
    },
    detailItem: [{
      prop: "cAh",
      label: "案号",
    }, {
      prop: "nSsdw",
      label: "诉讼地位",
    }, {
      prop: "dLarq",
      label: "立案时间",
    }, {
      prop: "nAjjzjd",
      label: "案件进展阶段",
    }, {
      prop: "nSlcx",
      label: "审理程序",
      types: ['msaj','xsaj','xzaj']
    }, {
      prop: "nLaay",
      label: "立案案由",
      types: ['msaj','xsaj','xzaj','zxaj']
    }, {
      prop: "nSqzxbdje",
      label: "申请执行标的金额（元）",
      types: ['zxaj']
    }, {
      prop: "nLaayTree",
      label: "立案案由详细",
      types: ['msaj','xsaj','xzaj']
    }, {
      prop: "nLaayTag",
      label: "立案案由标签",
      types: ['msaj','xsaj','xzaj']
    }, {
      prop: "nJbfy",
      label: "经办法院",
      types: ['msaj','xsaj','xzaj']
    }, {
      prop: "nJbfy",
      label: "执行法院",
      types: ['zxaj', 'qzqsypc', 'fsbqaj']
    }, {
      prop: "cSsdy",
      label: "所属地域",
    }, {
      prop: "nSqbqse",
      label: "申请保全数额",
      types: ['fsbqaj']
    }, {
      prop: "nSqbqseLevel",
      label: "申请保全数额等级",
      types: ['fsbqaj']
    }, {
      prop: "cSqbqbdw",
      label: "申请保全标的物",
      span: "2",
      types: ['fsbqaj']
    }, {
      prop: "nQsbdje",
      label: "起诉标的金额（元）",
      types: ['msaj','xzaj']
    }, {
      prop: "nQsbdjeLevelMoney",
      label: "起诉标的金额区间（万元）",
      types: ['msaj','xzaj']
    }, {
      prop: "nFzje",
      label: "犯罪金额（元）",
      types: ['xsaj']
    }, {
      prop: "nFzjeLevel",
      label: "犯罪金额等级",
      types: ['xsaj']
    }, {
      prop: "nBqqpcje",
      label: "被请求赔偿金额（元）",
      types: ['xsaj']
    }, {
      prop: "nBqqpcjeLevel",
      label: "被请求赔偿金额等级",
      types: ['xsaj']
    }, {
      prop: "dJarq",
      label: "结案时间",
    }, {
      prop: "nJafs",
      label: "结案方式",
    }, {
      prop: "nPjVictory",
      label: "是否胜诉",
      types: ['msaj','xzaj']
    }, {
      prop: "nJaay",
      label: "结案案由",
      types: ['msaj','xzaj','zxaj']
    }, {
      prop: "nJaayTree",
      label: "结案案由详细",
      types: ['msaj','xzaj']
    }, {
      prop: "nJaayTag",
      label: "结案案由标签",
      types: ['msaj','xzaj']
    }, {
      prop: "nJabdje",
      label: "结案标的金额（元）",
      types: ['msaj','xzaj','zxaj']
    }, {
      prop: "nJabdjeLevelMoney",
      label: "结案标的金额区间（万元）",
      types: ['msaj','xzaj']
    }, {
      prop: "nPcjg",
      label: "判处结果",
      types: ['xsaj']
    }, {
      prop: "nDzzm",
      label: "定罪罪名",
      types: ['xsaj']
    }, {
      prop: "nCcxzxje",
      label: "财产刑执行金额（元）",
      types: ['xsaj']
    }, {
      prop: "nPcpcje",
      label: "判处赔偿金额（元）",
      types: ['xsaj']
    }, {
      prop: "nDzzmTree",
      label: "定罪罪名详细",
      span: "2",
      types: ['xsaj']
    }, {
      prop: "nSjdwje",
      label: "实际到位金额（元）",
      types: ['zxaj']
    }, {
      prop: "nWzxje",
      label: "未执行金额（元）",
      types: ['zxaj']
    }, {
      prop: "cDsrxx",
      label: "当事人信息",
      span: "2"
    }, {
      prop: "cGkwsGlah",
      label: "公开文书_相关案号",
      span: "2"
    }, {
      prop: "cGkwsDsr",
      label: "公开文书_当事人",
      span: "2"
    }, {
      prop: "cGkwsPjjg",
      label: "公开文书_判决结果",
      span: "2"
    }],
    judicialData: {},
    judicialDetailKeys: [],
    judicialDetail: [{
      prop: "executedPerson",
      label: "被执⾏⼈",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "stockExecutedCompany",
      label: "股权被执⾏的企业",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "executiveCourt",
      label: "执⾏法院",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "executeOrderNum",
      label: "执⾏裁定书⽂号",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "implementationMatters",
      label: "执⾏事项",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "equityAmountOther",
      label: "被执⾏⼈持有股权、其它投资权益的数额",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "frozenRemoveDate",
      label: "解除冻结⽇期",
      types: ['removeFrozen'],
      isFormat: true
    }, {
      prop: "publicityAate",
      label: "公示⽇期",
      types: ['removeFrozen', 'frozen', 'keepFrozen'],
      isFormat: true
    }, {
      prop: "executeNoticeNum",
      label: "执⾏通知书⽂号",
      types: ['removeFrozen', 'frozen', 'keepFrozen', 'shareholderChange'],
    }, {
      prop: "fromDate",
      label: "续⾏冻结期限⾃",
      types: ['keepFrozen'],
      isFormat: true
    }, {
      prop: "toDate",
      label: "续⾏冻结期限⾄",
      types: ['keepFrozen'],
      isFormat: true
    }, {
      prop: "period",
      label: "续⾏冻结期限",
      types: ['keepFrozen'],
    }, {
      prop: "executionDate",
      label: "协助执⾏⽇期",
      types: ['shareholderChange'],
      isFormat: true
    }, {
      prop: "invalidationDate",
      label: "失效⽇期",
      span: '2',
      types: ['invalidationFrozen'],
      isFormat: true
    }, {
      prop: "invalidationReason",
      label: "失效原因",
      span: '2',
      types: ['invalidationFrozen'],
    }],
    dywAllData: [],
    dywData: [],
    dywDetail: [{
      prop: 'pawnName',
      label: '抵押物名称'
    }, {
      prop: 'ownership',
      label: '所有权归属'
    }, {
      prop: 'detail',
      label: '数量、质量、状况、所在地等情况'
    }, {
      prop: 'remark',
      label: '备注'
    }],
    title: "",
    dialogOpen: false,
    dialogData: {} as any,
  }) as any;

  let contentFormat = (content: any) => {
    if (content === undefined) {
      return "--"
    } else if (typeof content === 'string' && content.indexOf("[{") > -1) {
      let json = JSON.parse(content)
      let temp: any = []
      json.forEach((item: object) => {
        temp.push(JSON.stringify(item))
      })
      return temp.join(",")
    }
    return content
  }

  let handleDetail = (row: object, dialogTitle: string, dialogType: string) => {
    state.title = dialogTitle + '详情'
    state.dialogOpen = true
    state.dialogData = row
    state.dialogType = dialogType
  }

  let tableRowClassName = ({ row, rowIndex }) =>{
    row.index = rowIndex + 1;
  }

  let getTableInfo = (page: Number, limit: Number, prop: string) => {
    // console.log(prop)
    // console.log('请求后台')
    // 动态添加请求参数
    state.queryParams = Object.assign(state.queryParams, {[prop]:{name: props.searchName, pageNum: page, pageSize: limit}
    })
    switch (prop) {
      case 'msaj':
        state.queryParams[prop].type = 1
        break;
      case 'xsaj':
        state.queryParams[prop].type = 2
        break;
      case 'xzaj':
        state.queryParams[prop].type = 3
        break;
      case 'fsbqaj':
        state.queryParams[prop].type = 4
        break;
      case 'zxaj':
        state.queryParams[prop].type = 5
        break;
      case 'qzqsypc':
        state.queryParams[prop].type = 6
        break;
    }
    // 动态添加返回参数
    if (state.detailData[prop] === undefined) {
      state.detailData = Object.assign(state.detailData, {[prop]: {total: 0, rows: []}})
    }
    let urlLink = ""
    if (props.tabIndex === 1) {
      urlLink = state.urlList[prop]
    }
    if (props.tabIndex === 2) {
      urlLink = state.urlJYList[prop]
    }
    if (props.tabIndex === 3) {
      urlLink = state.yuqingList[prop]
    }
    api.getTableInfo(state.queryParams[prop], urlLink).then((res: any)=> {
      if (res) {
        state.detailData[prop] = Object.assign({}, res.data)
      }
    })
  }

let cardRef = ref(null)
let handleScroll = () => {
  if (cardRef.value.$el.getBoundingClientRect().top <= 60) {
    state.isMenuFixed = true
  } else {
    state.isMenuFixed = false
  }
}

watchEffect(()=> {
  console.log(props.tabIndex)
  console.log(state.isMenuFixed)
  console.log(props.tabProp)
})

watch(()=> props.tabIndex, (newVal, oldVal)=> {
  if (newVal === 1) {
    Object.keys(state.urlList).forEach(item => {
      getTableInfo(1, 10, item)
    })
  }
  if (newVal === 2) {
    Object.keys(state.urlJYList).forEach(item => {
      getTableInfo(1, 10, item)
    })
  }
  if (newVal === 3) {
    Object.keys(state.yuqingList).forEach(item => {
      getTableInfo(1, 10, item)
    })
  }
})

  onMounted(()=> {
    // console.log('onMounted' + props.tabIndex)
    console.log("aa>>", typeof props.tabIndex)
    if (props.tabIndex === 1) {
      Object.keys(state.urlList).forEach(item=> {
        // console.log('司法循环')
        getTableInfo(1, 10, item)
      })
    }
    if (props.tabIndex === 2) {
      Object.keys(state.urlJYList).forEach(item=> {
        // console.log('经营循环')
        getTableInfo(1, 10, item)
      })
    }
    if (props.tabIndex === 3) {
      Object.keys(state.yuqingList).forEach(item=> {
        getTableInfo(1, 10, item)
      })
    }

    window.addEventListener('scroll', handleScroll);
  })

  onUnmounted(()=> {
    window.removeEventListener('scroll', handleScroll);
  })
</script>

<style scoped>
.cardFixed {
  position: fixed;
  top: 60px;
  background-color: #fff;
  z-index: 99;
  width: calc(80% - 20px);
}
.risk_detail {
  .model_title {
    color: #222222;
  }
}
</style>