<script setup lang="tsx">
import { ContentWrap } from '@/components/ContentWrap'
import { Form, FormSchema } from '@/components/Form'
import { useForm } from '@/hooks/web/useForm'
import { ref,reactive } from 'vue'
import { ElButton} from 'element-plus';

// import {identificationTable} from "@/views/amld/CaseManageComponents/transcationInfoTable/identificationTable"
defineOptions({
  name: 'CaseManageInfo'
})

const { formRegister } = useForm()
const formSchema = reactive<FormSchema[]>([
  {
    field: 'pkid',
    label: '可疑交易报告触发点',
    component: 'Select',
    componentProps: {},
  },
  {
    field: 'pkid',
    label: '紧急程度',
    component: 'Select',
    componentProps: {},
  },
  {
    field: 'pkid',
    label: '报送方向',
    component:"Select",
    componentProps: {
        props: {
            multiple: true
        }
    },
  },
  {
    field: 'pkid',
    label: '可疑交易特征',
    component:"Select",
    componentProps: {
        props: {
            multiple: true
        }
    },
  },
  {
    field: 'pkid',
    label: '资金交易及客户行为情况',
    component:"Input",
    componentProps: {
        type: 'textarea'
    },
  },
  {
    field: 'pkid',
    label: '疑点分析',
    component:"Input",
    componentProps: {
        type: 'textarea'
    },
  },
  {
    field: 'pkid',
    label: '排除可疑原因',
    component:"Input",
    componentProps: {
        type: 'textarea'
    },
  },

])

const rules = reactive({
  
}) 
let systemUse = reactive({
    activeName:1,
    title:"可疑案例处理信息显示",
    //报告信息
    reportInfo:[
        {
            title:"编号",
            value:"20220513111120805022",
        },
        {
            title:"状态",
            value:"处理中",
        },
        {
            title:"数据时间: 报送次数： 0",
            value:"2022-05-13",
        },
        {
            title:"报送次数",
            value:"0",
        }

    ],
    //单位信息
    companyInfo:{

    },  
    riskButtonStatus:"展开",//当前按钮显示的信息（展开/隐藏）
    ristButtonStatus:false,//当前显示的按钮的状态
})
//显示分享分析的状态
const contentShowStatus = ()=>{
  if(systemUse.riskButtonStatus == "展开"){
    systemUse.riskButtonStatus = "隐藏";
    systemUse.ristButtonStatus = true;
  }else{
    systemUse.riskButtonStatus = "展开";
    systemUse.ristButtonStatus = false;
  }
}

</script>

<template>
  <ContentWrap>
    <h1>{{ systemUse.title }}</h1>
    <div class="reportInfoData grayFont">
      <template v-for="(item,index) in systemUse.reportInfo" :key="index">
        <span>{{ item.title }}：</span>
        <span>{{ item.value }}</span>
      </template>
    </div>
    <div class="staticInfo">可疑情况与模型： <span class="redFont">《 疑似涉税犯罪》</span> 相似， 触发了模型中： <span class="redFont"> 交易方式：对公客户资金交易基本全部通过网上银行 、 资金交易量与企业注册资金和经营规模明显不符</span>的可疑特征；</div>
  
    <div class="staticInfo">案例涉及 1名可疑客户：<span class="linkFont">天峻县鑫博酒店（0000080003210964）</span>，持有 有效证件类型：<span class="grayFont">企业法人营业执照号码 </span> 证件号码：<span class="grayFont"> 92632823MA757HWF5U</span> ；
    </div>
    <div class="staticInfo">环顾周期内, 案例涉及<span class="grayFont">5笔交易</span> , 交易累计金额:<span class="grayFont">112389.57</span>
    </div>
    <ul>
      <li>
        <span><img src="@/assets/imgs/star.png" />风险分析</span>
        <ElButton type="primary" @click="contentShowStatus">{{ systemUse.riskButtonStatus }}</ElButton>
        <div class="content" v-show="systemUse.ristButtonStatus">
          <p><strong>[交易行为分析]</strong></p>
          <p><img src="@/assets/imgs/Dot.png" />交易渠道分析 ：<img src="@/assets/imgs/setting.png" class="settingImg" />网上银行 、 其他 2种,其中<span class="grayFont">网上银行 交易笔数：2  交易金额：19150.00  金额占比： 17.00 % 、 其他 交易笔数：3  交易金额：93239.57  金额占比： 83.00 %</span></p>
          <p><img src="@/assets/imgs/Dot.png" />对手分析:<img src="@/assets/imgs/setting.png" class="settingImg" />交易对手有： 5人： ,<span class="grayFont">小额支付系统清算 , 李晓燕 , 谢玉良 , 马爱米乃</span>交易去向有 2个地区：<span class="grayFont">CHN630103 , CHN632823</span></p>
        </div>
      </li>
      <li>
        <span><img src="@/assets/imgs/star.png" />甄别结论</span>
      </li>
    </ul>
    <Form :rules="rules" @register="formRegister" :schema="formSchema" />
    <p class="buttonList">
      <ElButton type="primary">上传附件</ElButton>
      <ElButton type="primary">确认上报</ElButton>
      <ElButton type="primary">排除可疑</ElButton>
      <ElButton type="primary">加入跟踪库</ElButton>
      <ElButton type="primary">保存</ElButton>
    </p>
  </ContentWrap>
    
</template>
<style scoped lang="scss">
.buttonList{
  text-align: center;
}
  h1{
    text-align:center;
  }
  .reportInfoData{
    text-align:center;
  }
  .staticInfo{
    text-indent: 2em;
    margin:10px 0px;
  }
  ul{
    li{
      list-style-type: none;
      min-height:40px;
      line-height:40px;
      border-bottom:1px dotted #eee;
      position: relative;
      span{
        color:rgb(3, 123, 142);
        img{
          width:15px;
          margin-right:10px;
        }
      }
      button{
        position:absolute;
        right:5px;
      }
    }
  }
  .content p{
    margin:0px 20px;
    text-indent: 2em;
    img{
      width:12px;
      margin-right:5px;
    }
    .settingImg{
      cursor: pointer;
      border-bottom:1px solid transparent;
    }
    .settingImg:hover{
      border-bottom:1px solid #0780b4;
    }
  }
  .redFont{
    color:rgb(184, 79, 79);
  }
  .grayFont{
    color:#999;
  }
  .linkFont{
    color:#18aeee;
    cursor: pointer;
  }
  .linkFont:hover{
    color:#0780b4;
    border-bottom:1px solid #0780b4;
  }
</style>