front / ningxia-credit-web · Files

<template>
  <div class="person">
    <div class="w80">
      
      <el-affix :offset="80">
        <div class="menu">
          <div class="menu_title">
            <img src="../../assets/images/monitor/menu.png" alt="">
            企业模版新增
          </div>
          <el-menu
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
          >
            <template v-for="item in menuList" :key="item.name">
              <el-menu-item v-if="!item.children.length" index="1" @click="toLink(item.name)">
                <span>{{item.name}}</span>
              </el-menu-item>
              <el-sub-menu v-else index="2">
                <template #title>
                  <span>{{ item.name }}</span>
                </template>
                  <template v-for="items in item.children" :key="items.name">
                    <el-menu-item v-if="!items.children.length" index="2-1" style="padding-left: 48px;" @click="toLink(items.name)">
                      <span>{{items.name}}</span>
                    </el-menu-item>
                    <el-sub-menu v-else index="2-2">
                      <template #title>
                        <span style="padding-left: 24px;">{{ items.name }}</span>
                      </template>
                        <el-menu-item v-for="(menu,index) in items.children" @click="toLink(menu.name)" :key="menu.name" :index="'3-'+index" style="padding-left: 74px;">{{ menu.name }}</el-menu-item>
                    </el-sub-menu>
                  </template>
              </el-sub-menu>
            </template>
          </el-menu>
        </div>
      </el-affix>
      <div class="person_con">
        <!-- <div class="title" id="监控通知设置">
          <img src="../../assets/images/monitor/person1.png" alt="">
          监控通知设置
        </div>
        <div class="message">
          <el-form ref="ruleFormRef" :model="state.rulesForm" :rules="rules">
            <el-row>
              <el-col :span="18">
                <el-form-item label="监控动态发送邮箱：" prop="source">
                  <el-radio-group v-model="state.rulesForm.source">
                    <el-radio value="0">当前登录邮箱：
                      <span style="display:inline-block; width: 180px">{{state.userInfo.mail}}</span>
                    </el-radio>
                    <el-radio value="1">其他指定邮箱：
                      <el-input style="width: 180px;" v-model="state.rulesForm.otherEmail" placeholder="请输入邮箱地址" size="small"></el-input>
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="监控动态发送频率：" prop="sendFrequency">
              <el-radio-group v-model="state.rulesForm.sendFrequency">
                <el-radio value="0">天</el-radio>
                <el-radio value="1">周</el-radio>
                <el-radio value="2">月</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-form>
        </div> -->
        <div class="title" id="监控偏好设置">
          <img src="../../assets/images/monitor/person2.png" alt="">
          监控偏好设置
        </div>
        <div v-for="(list, listIndex) in state.tableList" class="mb20" :key="'list'+listIndex">
          <el-row class="mb10">
            <el-col :span="12" :id="list.tableName">{{list.tableName}}</el-col>
            <el-col :span="12" v-if="list.tableName === '司法风险'">
              <!-- <el-form-item label="监控方式：">
                <el-select v-model="state.isSf">
                  <el-option label="整体不同阶段独立监控" value="1"></el-option>
                  <el-option label="整体案件串联监控" value="2"></el-option>
                </el-select>
              </el-form-item> -->
            </el-col>
          </el-row>
          <el-table :data="list.tableData" stripe style="width: 100%" v-loading="state.isLevelLoading" class="own_table">
            <el-table-column v-for="(table, index) in state.tableColumns" center :key="'table'+index" :label="table.label" :prop="table.prop">
              <template #default="scope">
                <el-switch v-if="table.prop === 'monitorStatus'" v-model="scope.row[table.prop]" class="selectNone" inline-prompt
                  active-value="0" active-color="#13ce66"
                  inactive-value="1" inactive-color="#ff4949">
                </el-switch>
        
                <el-select v-if="table.prop === 'warningLevel'" v-model="scope.row[table.prop]" class="selectNone">
                  <el-option v-for="(dict, levelIndex) in state.warningLevelList" :key="'level'+levelIndex" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
                </el-select>
              </template>
            </el-table-column>
          </el-table>
          
        </div>
        <el-form ref="judicatoryFormRef" :model="state.judicatoryForm">
          <el-row v-for="(riskList, listIndex) in state.judicatoryForm.judicatoryRiskList" :key="'judicatory'+listIndex" style="padding: 0 20px 0 0;margin-bottom: 10px;">
            <el-col style="padding-bottom: 10px; margin-bottom: 10px" :id="riskList.caseName">
              <i></i>
              <span>{{riskList.caseName}}</span>
            </el-col>
            <el-col class="form_con">
              <el-form-item label="预警级别设置方式" :prop="'judicatoryRiskList.'+listIndex+'.setWay'" class="center box_shadow">
                <el-radio-group  v-model="riskList.setWay">
                  <el-radio style="display: block;" value="1">全部设置</el-radio>
                  <el-radio value="2">分条件设置</el-radio>
                </el-radio-group>
                <div>
                  <el-select v-if="riskList.setWay === '1'" v-model="riskList.warningLevel" size="small" placeholder="请选择预警级别" style="width: 300px;padding-top: 4px;">
                    <el-option v-for="(dict, levelIndex) in state.warningLevelList" :key="'level'+levelIndex" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
                  </el-select>
                  <el-button style="margin-top: 33px;" type="primary" icon="Plus" @click="handleAddCase(listIndex)" v-if="riskList.setWay === '2'">新增预警条件</el-button>
                </div>
              </el-form-item>
        
              <!-- <el-form-item label="预警级别" :prop="'judicatoryRiskList.'+listIndex+'.warningLevel'" :rules="{required: true, message: '预警级别不能为空', trigger: ['blur','change']}">
                
              </el-form-item> -->
        
              <template v-for="(caseItem, caseIndex) in riskList.caseList" v-if="riskList.setWay === '2'">
                <div class="box_shadow" style="margin-bottom: 20px;">
                  <el-button v-if="caseIndex !== 0" class="remove" type="primary" icon="Delete" @click="handleDeleteCase(listIndex, caseIndex)">删除</el-button>
                  <el-row>
                    <el-col :span="10">
                      <el-form-item label="预警级别" :prop="'judicatoryRiskList.'+listIndex+'.caseList.'+caseIndex+'.warningLevel'" :rules="{required: true, message: '预警级别不能为空', trigger: ['blur','change']}">
                        <el-select v-model="caseItem.warningLevel" placeholder="请选择预警级别">
                          <el-option v-for="(dict, levelIndex) in state.warningLevelList" :key="'level'+levelIndex" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="7">
                      <el-form-item label="诉讼地位" :prop="'judicatoryRiskList.'+listIndex+'.caseList.'+caseIndex+'.proceeding'" :rules="{required: true, message: '此项不能为空', trigger: ['blur','change']}">
                        <el-select v-model="caseItem.proceeding" placeholder="请选择诉讼地位">
                          <el-option v-for="(verb, verbIndex) in state.verbList" :key="'verb'+verbIndex" :label="verb" :value="verb"></el-option>
                        </el-select>
                      </el-form-item>
                    </el-col>
                    <el-col :span="6">
                      <el-form-item label="且涉案金额：" :prop="'judicatoryRiskList.'+listIndex+'.caseList.'+caseIndex+'.beginLevel'" label-width="140px" :rules="{required: true, message: '此项不能为空', trigger: ['blur','change']}">
                        <el-input v-model="caseItem.beginLevel" placeholder="请输入涉案金额"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="4">
                      <el-form-item label="至" :prop="'judicatoryRiskList.'+listIndex+'.caseList.'+caseIndex+'.endLevel'" label-width="40px" :rules="{required: true, message: '此项不能为空', trigger: ['blur','change']}">
                        <el-input v-model="caseItem.endLevel" placeholder="请输入涉案金额"></el-input>
                      </el-form-item>
                    </el-col>
                    <el-col :span="7">
                      <el-form-item label="且案由包含：" :prop="'judicatoryRiskList.'+listIndex+'.caseList.'+caseIndex+'.caseCon'" label-width="120px" :rules="{required: true, message: '此项不能为空', trigger: ['blur','change']}">
                        <el-input v-model="caseItem.caseCon" placeholder="请输入案由"></el-input>
                      </el-form-item>
                    </el-col>
                  </el-row>
                </div>
              </template>
              <el-form-item class="box_shadow" style="padding-top: 20px;padding-bottom: 20px;" v-if="riskList.setWay === '2'" label="其他情况预警级别" :prop="'judicatoryRiskList.'+listIndex+'.otherLevel'" :rules="{required: true, message: '此项不能为空', trigger: ['blur','change']}">
                <el-select v-model="riskList.otherLevel" placeholder="请选择其他情况预警级别">
                  <el-option v-for="(dict, levelIndex) in state.warningLevelList" :key="'level'+levelIndex" :label="dict.dictLabel" :value="dict.dictValue"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        
        <div class="name">
          <div class="name_title" id="设置模版名称">设置模版名称</div>
          <div class="name_con">
            <el-form-item label="模板名称" >
              <el-input v-model="templateName" placeholder="请输入模版名称"></el-input>
            </el-form-item>
          </div>
        </div>
        <div class="bottom">
          <el-button @click="router.push('/monitorModel')">取消</el-button>
          <el-button type="primary" @click="setAdd">保存</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import {storeToRefs} from 'pinia';
import {loginMain} from '../../store'
import * as api from '../../interface/api.ts'

let loginAct = loginMain()
const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath)
}

const templateName = ref('')

let handleAddCase = (index: number)=> {
  let tempJson = {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
  state.judicatoryForm.judicatoryRiskList[index].caseList.push(tempJson)
}
let handleDeleteCase = (listIndex: number, caseIndex: number)=> {
  state.judicatoryForm.judicatoryRiskList[listIndex].caseList.splice(caseIndex, 1)
}
let validatorEmail = (rule, value, callback)=> {
  if (value === '1') {
    if (state.rulesForm.otherEmail === "") {
      callback(new Error("请输入其他指定邮箱"))
    } else {
      callback()
    }
  } else {
    callback()
  }
}
let rules = reactive({
  source: [
    { validator: validatorEmail, trigger: ["blur",'change'] },
    // { validator: valid.formValidationForm.checkPost_N, trigger: ["blur",'change'] }
  ]
})
let { getStoreToken, getUserInfo } = storeToRefs(loginAct)
let state = reactive({
  rulesForm: {
    source: "0",
    otherEmail: "",
    sendFrequency: "0"
  },
  judicatoryForm: {
    judicatoryRiskList: [
        {caseName: '民事案件', type: '1', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '刑事案件', type: '2', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '行政案件', type: '3', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '执行案件', type: '5', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '破产案件', type: '6', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '非诉保案件', type: '4', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '失信被执行人', type: '7', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
        {caseName: '限制高消费', type: '8', setWay: '1', icon:'Memo', warningLevel: '', otherLevel: '', caseList:[
          {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined}
        ]},
    ]
  },
  userInfo: {
    backOrderDeptId: 
    null,
    backOrderUserId
    : 
    null,
    bizTypes
    : 
    "-3,-10,60,-2,-6",
    code
    : 
    null,
    contractId
    : 
    6236,
    createBy
    : 
    null,
    createTime
    : 
    null,
    dataStatus
    : 
    "0",
    deleteStatus
    : 
    "0",
    deptType
    : 
    "0",
    frontMenu
    : 
    [{pageNum: null, pageSize: null, searchValue: null, createBy: "admin"}],
    frontRoles
    : 
    null,
    headId
    : 
    "101",
    id
    : 
    226,
    lastUpdataTime
    : 
    null,
    loginName
    : 
    "18769751808",
    loginTimes
    : 
    null,
    mail
    : 
    "kouxinyu_bjzx@lhcis.com",
    modifyPsdPage
    : 
    null,
    needaudit
    : 
    "Y",
    operator
    : 
    null,
    orderNo
    : 
    null,
    orderOrgName
    : 
    "联合信用征信股份有限公司",
    orgId
    : 
    101,
    pageNum
    : 
    null,
    pageSize
    : 
    null,
    params
    : 
    {},
    parentId
    : 
    null,
    parentOrgName
    : 
    "联合信用征信股份有限公司",
    password
    : 
    null,
    phone
    : 
    "18769751808",
    remark
    : 
    null,
    reports
    : '',
    searchValue
    : 
    null,
    storageTime
    : 
    null,
    tempConfList
    : 
    [{orgId: 101, name: "标准版企业信用报告（基础额度行业版）", num: "-1", value: "-4", tempType: 1}]
    ,token
    : 
    "2746bfbfaed14570bb808f1aa58eb4ee"
    ,updateBy
    : 
    null
    ,updateTime
    : 
    null
    ,userName
    : 
    "新宇1"
    ,userType
    : 
    null
  },
  tableColumns: [{
    label: "监控维度",
    prop: "monitorDimension",
  },{
    label: "细分维度",
    prop: "subdivisionDimension",
  },{
    label: "监控状态",
    prop: "monitorStatus",
  },{
    label: "预警等级",
    prop: "warningLevel",
  },],
  tableList: [{"tableName":"工商信息","tableData":[{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22031,"userId":"225","parentType":"1","type":"11","monitorDimension":"工商变更","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22032,"userId":"225","parentType":"1","type":"116","monitorDimension":"大股东变更","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22033,"userId":"225","parentType":"1","type":"120","monitorDimension":"退出对外投资","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22034,"userId":"225","parentType":"1","type":"121","monitorDimension":"新增对外投资","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22035,"userId":"225","parentType":"1","type":"122","monitorDimension":"股权变更","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22036,"userId":"225","parentType":"1","type":"125","monitorDimension":"分支机构","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"}]},{"tableName":"经营信息","tableData":[{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22037,"userId":"225","parentType":"2","type":"51","monitorDimension":"招投标","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22038,"userId":"225","parentType":"2","type":"511","monitorDimension":"行政许可（工商局）","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22039,"userId":"225","parentType":"2","type":"512","monitorDimension":"行政许可（其他来源）","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22040,"userId":"225","parentType":"2","type":"52","monitorDimension":"债券信息","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22041,"userId":"225","parentType":"2","type":"53","monitorDimension":"购地信息","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22042,"userId":"225","parentType":"2","type":"55","monitorDimension":"税务评级","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22043,"userId":"225","parentType":"2","type":"56","monitorDimension":"抽查检查","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22044,"userId":"225","parentType":"2","type":"57","monitorDimension":"产品信息","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22045,"userId":"225","parentType":"2","type":"58","monitorDimension":"进出口信用","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22046,"userId":"225","parentType":"2","type":"5001","monitorDimension":"土地转让","subdivisionDimension":"【监控企业】为受让人","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22047,"userId":"225","parentType":"2","type":"5002","monitorDimension":"土地转让","subdivisionDimension":"【监控企业】为转让人","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22048,"userId":"225","parentType":"2","type":"5003","monitorDimension":"地块公示","subdivisionDimension":"【监控企业】为受让单位","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22049,"userId":"225","parentType":"2","type":"5004","monitorDimension":"地块公示","subdivisionDimension":"【监控企业】为转让单位","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22050,"userId":"225","parentType":"2","type":"88","monitorDimension":"电信许可","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"}]},{"tableName":"经营风险","tableData":[{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22051,"userId":"225","parentType":"3","type":"5005","monitorDimension":"经营异常","subdivisionDimension":"因“吊销，冻结资产，停业整顿，查封，偷税，漏税，骗税”原因列入经营异常","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22052,"userId":"225","parentType":"3","type":"5006","monitorDimension":"经营异常","subdivisionDimension":"因上述以外其他原因列入经营异常","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22053,"userId":"225","parentType":"3","type":"5007","monitorDimension":"经营异常","subdivisionDimension":"移出经营异常","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22054,"userId":"225","parentType":"3","type":"5008","monitorDimension":"行政处罚（工商局）","subdivisionDimension":"处罚结果包含“吊销，冻结资产，停业整顿，查封”","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22055,"userId":"225","parentType":"3","type":"5009","monitorDimension":"行政处罚（工商局）","subdivisionDimension":"因上述以外其他原因受到行政处罚","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22056,"userId":"225","parentType":"3","type":"5010","monitorDimension":"行政处罚（其他来源）","subdivisionDimension":"处罚结果包含“吊销，冻结资产，停业整顿，查封”","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22057,"userId":"225","parentType":"3","type":"5011","monitorDimension":"行政处罚（其他来源）","subdivisionDimension":"因上述以外其他原因受到行政处罚","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22058,"userId":"225","parentType":"3","type":"5012","monitorDimension":"严重违法","subdivisionDimension":"因“吊销，冻结资产，停业整顿，查封，偷税，漏税，骗税”原因列入严重违法","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22059,"userId":"225","parentType":"3","type":"5013","monitorDimension":"严重违法","subdivisionDimension":"因上述以外其他原因列入严重违法","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22060,"userId":"225","parentType":"3","type":"5014","monitorDimension":"严重违法","subdivisionDimension":"移出严重违法名单","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22061,"userId":"225","parentType":"3","type":"44","monitorDimension":"股权出质","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22062,"userId":"225","parentType":"3","type":"45","monitorDimension":"动产抵押","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22063,"userId":"225","parentType":"3","type":"5015","monitorDimension":"欠税公告","subdivisionDimension":"欠税金额在200万及以上","monitorStatus":"0","warningLevel":"jg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22064,"userId":"225","parentType":"3","type":"5016","monitorDimension":"欠税公告","subdivisionDimension":"欠税金额在200万以下","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22065,"userId":"225","parentType":"3","type":"47","monitorDimension":"司法拍卖","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"jg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22066,"userId":"225","parentType":"3","type":"48","monitorDimension":"清算信息","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22067,"userId":"225","parentType":"3","type":"49","monitorDimension":"知识产权出质","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22068,"userId":"225","parentType":"3","type":"5017","monitorDimension":"税收违法","subdivisionDimension":"违法事实涉及到“吊销，冻结资产，停业整顿，查封，偷税，漏税，骗税”","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22069,"userId":"225","parentType":"3","type":"5018","monitorDimension":"税收违法","subdivisionDimension":"除上述以外的其他违法事实","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22070,"userId":"225","parentType":"3","type":"82","monitorDimension":"简易注销","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"yzjg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22071,"userId":"225","parentType":"3","type":"83","monitorDimension":"环保处罚","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22072,"userId":"225","parentType":"3","type":"84","monitorDimension":"公示催告","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22073,"userId":"225","parentType":"3","type":"85","monitorDimension":"土地抵押","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22074,"userId":"225","parentType":"3","type":"92","monitorDimension":"股权质押","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"gz","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22075,"userId":"225","parentType":"3","type":"93","monitorDimension":"询价评估","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"jg","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"}]},
  {"tableName":"知识产权","tableData":[{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22080,"userId":"225","parentType":"5","type":"61","monitorDimension":"商标信息","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22081,"userId":"225","parentType":"5","type":"62","monitorDimension":"专利信息","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22082,"userId":"225","parentType":"5","type":"63","monitorDimension":"软件著作权","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"},{"pageNum":null,"pageSize":null,"searchValue":null,"createBy":null,"createTime":null,"updateBy":null,"updateTime":null,"remark":null,"params":{},"id":22083,"userId":"225","parentType":"5","type":"64","monitorDimension":"作品著作权","subdivisionDimension":"无","monitorStatus":"0","warningLevel":"ts","isSF":"2","creditTime":"2025-07-31 10:07:40","status":"0"}]},
  {"tableName":"司法风险","tableData":[]}],
  isLevelLoading: false,
  tableNames: [{
    name: '工商信息',
    parentType: '1'
  },{
    name: '经营信息',
    parentType: '2'
  },{
    name: '经营风险',
    parentType: '3'
  },{
    name: '知识产权',
    parentType: '4'
  },{
    name: '司法风险',
    parentType: '5'
  }],
  // {dictLabel: '严重警告', dictValue: 'yzjg'}
  warningLevelList: [],
  verbList:['全部','原告','被告','第三人'],
  isSf: "1",
  monitorSetSfNews: [],
  monitorTemplate: {}
}) as any;

const menuList: any = reactive([])

menuList.push()

const list:any = reactive([])
state.tableList.forEach(item => {
  list.push({
    href: item.tableName,
    name: item.tableName,
  })
})
menuList.push({
  href: '监控偏好设置',
  name: '监控偏好设置',
  children: [{
    href: '设置预警指标类别及条件',
    name: '设置预警指标类别及条件',
    children: list
  },{
    href: '设置模版名称',
    name: '设置模版名称',
    children: []
  }]
})

const router = useRouter();
const route = useRoute();

const setAdd = () => {
  const loading = ElLoading.service({
      lock: true,
      text: 'Loading',
      background: 'rgba(0, 0, 0, 0.7)',
    })
  if(!templateName.value) {
    ElMessage({
      type: 'warning',
      message: '请输入模板名称',
    })
    return 
  }
  let tempData: any = reactive({isSf: state.isSf, model:[], modelSf:[],modelSfNew:[]})
  // 赋值列表
  state.tableList.forEach((item: any)=> {
    tempData.model.push(...item.tableData)
    /*item.tableData.forEach((table: object)=> {
      tempData.model.push(table)
    })*/
  })
  // 串联
  // if (tempData.isSf === '2') {
    // 赋值司法
    state.judicatoryForm.judicatoryRiskList.forEach((item: any)=> {
      if (item.setWay === '1') {
        // 全部设置
        let tempObject = {type: item.type, setWay: item.setWay, warningLevel: item.warningLevel,id:item.id,templateId:route.query.id,beginLevel: null,
                  caseCon: null,
                  endLevel: null,
                  otherLevel: null,
                  proceeding: null}
        tempData.modelSf.push(tempObject)
        tempData.modelSfNew.push(tempObject)
      } else {
        // 分条件设置
        item.caseList.forEach((caseList: any,index:any)=> {
          let tempObject = {type: item.type, setWay: item.setWay, otherLevel: item.otherLevel,id:index==0?item.id:null,templateId:route.query.id}
          // tempData.modelSf.push({...tempObject, ...caseList})
          tempData.modelSf.push(Object.assign({}, caseList, tempObject ))
          tempData.modelSfNew.push(Object.assign({}, caseList, tempObject ))
        })
  
      }
    })
    state.monitorSetSfNews.forEach(item => {
      tempData.modelSf.forEach(obj => {
        if(item.type==obj.type&&item.id!=obj.id&&obj.id!=null) {
          tempData.modelSfNew.push({...item,status:1})
        }
      })
    })
  if(route.query.id) {
    api.submitData({
      templateName: templateName.value,
      monitorSetNewList: tempData.model,
      monitorSetSfNewList: tempData.modelSfNew,
      id: route.query.id,
      groupId: state.monitorTemplate.groupId,
      groupName: state.monitorTemplate.groupName
    },'business/monitorTemplate/edit').then(res=> {
      if(res.code==200) {
        ElMessage({
          type: 'success',
          message: '修改成功',
        })
        loading.close()
        router.push('/monitorModel')
      }
    })
  }else {
    api.submitData({
      templateName: templateName.value,
      monitorSetNewList: tempData.model,
      monitorSetSfNewList: tempData.modelSf
    },'business/monitorTemplate/add').then(res=> {
      if(res.code==200) {
        ElMessage({
          type: 'success',
          message: '添加成功',
        })
        router.push('/monitorModel')
      }
    }).finally(()=> {
      loading.close()
    })
  }
  
}


const toLink = (d) => {
  window.location.href='#'+d
}
let ruleFormRef = ref<FormInstance>()
let handleSetSend = () => {
  let tempJson = {source: state.rulesForm.source, email: undefined, sendFrequency: state.rulesForm.sendFrequency}
  if (tempJson.source === '0') {
    tempJson.email = state.userInfo.mail
  } else {
    tempJson.email = state.rulesForm.otherEmail
  }
  ruleFormRef.value.validate((valid: boolean, fields: Object)=> {
    if (valid) {
      // api.addOrUpdate(tempJson).then((res: any)=> {
      //   ElMessage.success("提交成功")
      //   getSendSetting()
      // })
    }
  })
}
let getTableName = (parentType: string) => {
  let name = ""
  state.tableNames.some((item: any)=> {
    if (item.parentType === parentType) {
      name = item.name
    }
  })
  return name
}
let getCaseName = (type: string) => {
  let caseName = ""
  state.judicatoryForm.judicatoryRiskList.some((item: any)=> {
    if (item.type === type) {
      caseName = item.caseName
      return true
    }
  })
  return caseName
}
let getWarningLevelList = () => {
  api.getWarningLevelList({dictType: 'warningLevel'}).then((res: any)=> {
    state.warningLevelList = res.data
  })
}
let getMonitorSetList = () => {
  state.tableList = []
  const loading = ElLoading.service({
      lock: true,
      text: 'Loading',
      background: 'rgba(0, 0, 0, 0.7)',
    })
  if(route.query.id) {
    api.submitDataGet({id:route.query.id},'business/monitorTemplate/editInfo').then((res: any)=> {
      let allJson: any = {}
      let isHaveSf = false
      templateName.value = res.data.monitorTemplate.templateName
      state.monitorTemplate = res.data.monitorTemplate
      res.data.monitorSetNews.forEach((item: any)=> {
        let parentKey = item.parentType
        if (parentKey === '5') {
          isHaveSf = true
        }
        allJson[parentKey] = allJson[parentKey] || []
        allJson[parentKey].push(item)
      })
      if (!isHaveSf) {
        allJson['5'] = []
      }
      Object.keys(allJson).forEach(key=> {
        let tempJson = {tableName: "", tableData: []}
        tempJson.tableName = getTableName(key)
        tempJson.tableData = allJson[key]
        state.tableList.push(tempJson)
      })
    
      state.isSf = res.data.isSf
      let judicatoryRiskList: any = []
      if (res.data.modelSf === '') return
      state.monitorSetSfNews = res.data.monitorSetSfNews
      res.data.monitorSetSfNews.forEach((item: any)=> {
        // if (item.setWay === '1') {
        //   let tempRisk = {caseName: getCaseName(item.type), type: item.type, setWay: item.setWay, icon:'Memo', warningLevel: item.warningLevel, otherLevel: '', caseList:[
        //       {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined, otherLevel: undefined}
        //     ]}
        //   judicatoryRiskList.push(tempRisk)
        // } else {
          let tempCase = {warningLevel: item.warningLevel, proceeding: item.proceeding, beginLevel: item.beginLevel, endLevel: item.endLevel, caseCon: item.caseCon, otherLevel: item.otherLevel}
          // 看有没有分条件数据。如果有添加一条
          if (judicatoryRiskList.every((risk: any)=> {return risk.type !== item.type})) {
            let tempRisk = {caseName: getCaseName(item.type), type: item.type, setWay: item.setWay, icon:'Memo', warningLevel: item.warningLevel, otherLevel: item.otherLevel, caseList:[],id:item.id}
            judicatoryRiskList.push(tempRisk)
          }
          // 找到相同的，添加到caseList
          judicatoryRiskList.forEach((risk: any)=> {
            if (risk.type === item.type && risk.setWay=='2') {
              risk.caseList.push(tempCase)
            } else if (risk.type === item.type && risk.setWay=='1') {
              if(item.id==risk.id) {
                risk.caseList.push({
                  beginLevel: null,
                  caseCon: null,
                  endLevel: null,
                  otherLevel: null,
                  proceeding: null,
                  warningLevel: "zfx"})
              }
              risk.otherLevel = null
            }
          })
        // }
      })
      console.log(judicatoryRiskList)
      state.judicatoryForm.judicatoryRiskList = judicatoryRiskList
      loading.close()
    })
  } else {
    api.submitDataGet({},'business/monitorTemplate/addInfo').then((res: any)=> {
      let allJson: any = {}
      let isHaveSf = false
      
      res.data.monitorSetNew.forEach((item: any)=> {
        let parentKey = item.parentType
        if (parentKey === '5') {
          isHaveSf = true
        }
        allJson[parentKey] = allJson[parentKey] || []
        allJson[parentKey].push(item)
      })
      if (!isHaveSf) {
        allJson['5'] = []
      }
      Object.keys(allJson).forEach(key=> {
        let tempJson = {tableName: "", tableData: []}
        tempJson.tableName = getTableName(key)
        tempJson.tableData = allJson[key]
        state.tableList.push(tempJson)
      })
      console.log(state.tableList,allJson)
      state.isSf = res.data.isSf
      let judicatoryRiskList: any = []
      if (res.data.modelSf === '') return
      res.data.monitorSetSfNews.forEach((item: any)=> {
        if (item.setWay === '1') {
          let tempRisk = {caseName: getCaseName(item.type), type: item.type, setWay: item.setWay, icon:'Memo', warningLevel: item.warningLevel, otherLevel: '', caseList:[
              {warningLevel: undefined, proceeding: undefined, beginLevel: undefined, endLevel: undefined, caseCon: undefined, otherLevel: undefined}
            ]}
          judicatoryRiskList.push(tempRisk)
        } else {
          let tempCase = {warningLevel: item.warningLevel, proceeding: item.proceeding, beginLevel: item.beginLevel, endLevel: item.endLevel, caseCon: item.caseCon, otherLevel: item.otherLevel}
          // 看有没有分条件数据。如果有添加一条
          if (judicatoryRiskList.every((risk: any)=> {return risk.type !== item.type})) {
            let tempRisk = {caseName: getCaseName(item.type), type: item.type, setWay: item.setWay, icon:'Memo', warningLevel: '', otherLevel: item.otherLevel, caseList:[]}
            judicatoryRiskList.push(tempRisk)
          }
          // 找到相同的，添加到caseList
          judicatoryRiskList.forEach((risk: any)=> {
            if (risk.type === item.type) {
              risk.caseList.push(tempCase)
            }
          })
        }
      })
      state.judicatoryForm.judicatoryRiskList = judicatoryRiskList
      console.log(state.judicatoryForm.judicatoryRiskList)
      
      loading.close()
    })
  }
  
}

onMounted(()=> {
  getMonitorSetList()
  getWarningLevelList()
  // getSendSetting()
})

</script>

<style scoped>
.name {
  box-shadow: 0px 4px 16px 0px rgba(23,63,142,0.1);
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  .name_title {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 18px;
    color: #1A2653;
    margin-bottom: 10px;
  }
}
.bottom {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  .el-button {
    width: 200px;
  }
}
.form_con {
  .box_shadow {
    box-shadow: 0px 4px 16px 0px rgba(23,63,142,0.1);
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    position: relative;
    overflow: hidden;
    .remove {
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 0 12px 0 12px;
      z-index: 1000;
      width: 100px;
    }
  }
  .el-radio-group {
    display: block;
  }
  ::v-deep .el-form-item__content {
    align-items: flex-start !important;
  }
}
.person {
  background: #F5F9FF;
  padding-top: 10px;
  padding-bottom: 80px;
  font-family: 思源黑体 CN, 思源黑体 CN;
  .w80 {
    display: flex;
    justify-content: space-between;
    align-items: start;
    .title {
      display: flex;
      align-items: center;
      align-content: inherit;
      font-weight: bold;
      font-size: 20px;  
      color: #1A2653;
      margin-bottom: 16px;
      img {
        display: block;
        width: 30px;
        margin-right: 8px;
      }
    }
    .menu {
      background: #FFFFFF;
      border-radius: 12px 12px 12px 12px;
      width: 340px;
      padding: 24px 0;
      overflow-y: auto;
      max-height: calc(100vh - 100px);
      
      /* 设置滚动条的宽度 */
      &::-webkit-scrollbar {
          width: 6px; /* 滚动条的宽度 */
          height: 12px; /* 滚动条的高度 */
      }
       
      /* 设置滚动条滑块的样式 */
      &::-webkit-scrollbar-thumb {
          background-color: #ccc; /* 滑块的颜色 */
          border-radius: 10px; /* 滑块的圆角 */
      }
       
      /* 设置滚动条轨道的样式 */
      &::-webkit-scrollbar-track {
          background: #f1f1f1; /* 轨道的颜色 */
      }
      .menu_title {
        display: flex;
        align-content: inherit;
        font-weight: bold;
        font-size: 20px;  
        color: #1A2653;
        padding-left: 24px;
        align-items: center;
        margin-bottom: 12px;
        img {
          width: 26px;
          margin-right: 8px;
        }
      }
      .el-menu {
        border-right: none;
      }
      ::v-deep .el-sub-menu__title {
        padding-left: 24px;
      }
      .el-menu-item {
        padding-left: 24px;
      }
      ::v-deep .el-menu--inline .el-menu-item {
        padding-left: 48px;
      }
    }
    .person_con {
      width: calc(100% - 364px);
      .message {
        padding: 24px 24px 1px;
        background: #FFFFFF;
        box-shadow: 0px 4px 16px 0px rgba(23,63,142,0.1);
        border-radius: 12px 12px 12px 12px;
        margin-bottom: 25px;
        .el-form-item {
          margin-bottom: 24px;
        }
        ::v-deep .el-radio__input{
          display: none;
        }
        ::v-deep .el-radio__label {
          padding: 0 24px;
          background: #F5F9FF;
          border-radius: 4px;
        }
        ::v-deep .el-input__wrapper {
          background: transparent;
          box-shadow: none;
        }
      }
      ::v-deep .el-table__header {
        border-radius: 12px 12px 12px 12px;
        overflow: hidden;
        /* border: 1px solid #fff; */
        
      }
      ::v-deep .el-table__header-wrapper {
        /* background: #F5F9FF; */
        background: linear-gradient( 180deg, #CEDDFA 0%, #F4F8FE 100%);
        box-shadow: 0px 4px 8px 0px rgba(23,63,142,0.1);
        border-radius: 12px 12px 12px 12px;
        margin-bottom: 8px;
        /* overflow: hidden; */
        /* border: 2px solid #fff; */
        border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) ;
      }
      ::v-deep .el-table__header thead {
        
      }
      ::v-deep .el-table__header th.el-table__cell {
        background: transparent;
        border-bottom-color: #fff;
      }
      ::v-deep .el-table__header tr {
        background: transparent;
        border-radius: 12px 12px 12px 12px;
        overflow: hidden;
      }
      .el-table {
        padding-bottom: 24px;
        border: none;
        background-color: transparent;
        overflow: visible !important;
      }
      ::v-deep .el-table__body-wrapper {
        box-shadow: 0px 4px 16px 0px rgba(23,63,142,0.1);
        border-radius: 12px;
      }
      ::v-deep .el-table__row--striped td.el-table__cell{
        background-color: #F5F9FF;
      }
    }
  }
}

</style>