<template>
  <div class="statistical-analysis">
    <!-- 左侧树形菜单 -->
    <div class="left-menu">
      <CheckBox :data="checkData" customClass="all" @changeData="changeData"></CheckBox>
    </div>
    <!-- 右侧内容区 -->
    <div class="right-content">
      <Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
      <div class="tableCnt1 mb10 pl10 pr10">
        <PageTitle title="发掘内容" style="color: #333">
          <el-button type="primary" size="small" @click="isImport = true">
            <span style="vertical-align: middle">导入内容</span>
          </el-button>
        </PageTitle>
        <div class="pl10 pt10 pb10 pr10" style="border: 1px dashed #ccc;color: #333;" :style="{height:pageData.tableHeight+'px'}">
          {{ container.text }}
        </div>
  
        <div class="ww100 flex just-center mt8">
          <el-button type="primary" @click="intelligent">智能解析</el-button>
        </div>
      </div>
      <div class="tableCnt mb10 pl10 pr10">
        <PageTitle title="模型智能识别/LP解析结果" style="color: #333"></PageTitle>
        <div ref="searchBox" class="mb8">
          <el-button :type="it == '批量删除' ? 'danger' : 'primary'" size="small" v-for="it in btnsList" :key="it"
            @click="chooseType(it)">
            {{ it }}
          </el-button>
        </div>
        <div>
        <MyTable :tableData="pageData.tableData2" :tableColumn="pageData.tableColumn2"
          :tableHeight="pageData.tableHeight2" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
          :controlsWidth="pageData.controlsWidth" @chooseData="chooseDataBottom">
          <template #bqList="{ row }">
            <div v-if="row.bqList">
              <el-tag v-for="(it, idx) in row.bqList" :key="idx">{{ it.bqMc }}、</el-tag>
            </div>
          </template>
          <template #fxDj="{ row }">
            <DictTag :tag="false" :value="row.fxDj" :options="D_GS_RQFJ_FXDJ" />
          </template>
          <template #fxLb="{ row }">
            <DictTag :tag="false" :value="row.fxLb" :options="D_GS_RQFJ_FXLB" />
          </template>
          <template #sfGz="{ row }">
            <DictTag :tag="false" :value="row.sfGz" :options="D_BZ_SF" />
          </template>
          <template #sfZbkry="{ row }">
            <DictTag :tag="false" :value="row.sfZbkry" :options="D_BZ_SF" />
          </template>
          <template #sfZzdry="{ row }">
            <DictTag :tag="false" :value="row.sfZzdry" :options="D_BZ_SF" />
          </template>
          <!-- 操作 -->
          <template #controls="{ row }">
            <el-link size="small" type="danger" @click="deleteRowBottom(row.id)">删除</el-link>
            <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
          </template>
        </MyTable>
        <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight2" :pageConfiger="{
          ...pageData.pageConfiger,
          total: pageData.total
        }"></Pages>
        </div>
      </div>
    </div>
    <!-- 弹窗智能分析 -->
    <IntelligentParsing :contentText="container.text" ref="IntelligentParsingRef" @upadate="getModelList" />
    <addForm ref="addFormDiloag" @onSearch="onSearch" />
    <Model v-model="isShow" :type="chooselx" :ids="ids" @change="getModelList" :dic="{ D_GS_RQFJ_FXDJ }"></Model>
     <!-- 文字解析 -->
    <ExtractionText  v-model="isImport" @change="getText"></ExtractionText>
    
  </div>
</template>

<script setup>
import { download } from "@/utils/request";
import ExtractionText from "@/components/ExtractionText/index.vue";
import CheckBox from "@/components/checkBox/index.vue";
import PageTitle from "@/components/aboutTable/PageTitle.vue";
import MyTable from "@/components/aboutTable/MyTable.vue";
import Pages from "@/components/aboutTable/Pages.vue";
import Search from "@/components/aboutTable/Search.vue";
import addForm from "./components/addForm.vue";
import Model from "./components/model.vue";
import IntelligentParsing from "./components/IntelligentParsing.vue";
import { ElMessage } from "element-plus";
import { qcckGet, qcckDelete } from "@/api/qcckApi.js";
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict(
  "D_GS_RQFJ_FXDJ",
  "D_GS_RQFJ_LX",
  "D_GS_RQFJ_FXDJ",
  "D_BZ_SF",
  "D_GS_RQFJ_FXLB"
); //获取字典数据
const container = ref({})
const prsentText = ref(null)
const searchConfiger = ref([
  {
    label: "管辖部门",
    prop: "ssbm",
    placeholder: "请选择管辖部门",
    showType: "department"
  },
  {
    label: "是否关注",
    prop: "sfgz",
    placeholder: "请选择是否关注",
    showType: "select",
    options: D_BZ_SF
  }
]);
const isImport = ref(false);
const checkData = reactive({
  hasChoose: ["警情"],
  list: ["警情", "人力情报", "线索", "民警处置文本", "交通事故"]
});
const btnsList = reactive([
  "级别变更",
  "警种变更",
  "指定分配",
  "添加标签",
  "导出",
  "批量删除"
]);

const chooselx = ref("");
const isShow = ref(false);
const ids = ref([]);

const addFormDiloag = ref();
const IntelligentParsingRef = ref();
const searchBox = ref();
const queryFrom = ref({});
const pageData = reactive({
  tableData: [],
  tableData2: [],
  keyCount: 0,
  tableConfiger0: {
    rowHieght: 61,
    showSelectType: "checkBox",
    loading: false
  },
  tableConfiger: {
    rowHieght: 61,
    showSelectType: "checkBox",
    loading: false
  },
  tableHeight: 190,
  total: 0,
  pageConfiger: {
    pageSize: 20,
    pageCurrent: 1
  },
  controlsWidth: 160,
  tableColumn: [
    { label: "发掘类型", prop: "fjLx", showSolt: true },
    { label: "发掘文本	", prop: "fjWb", showOverflowTooltip: true }
  ],
  tableColumn2: [
    { label: "姓名", prop: "ryXm", showOverflowTooltip: true },
    { label: "手机号码", prop: "rySjhm", showOverflowTooltip: true },
    { label: "身份证号码", prop: "rySfzh", showOverflowTooltip: true },
    { label: "户籍地址", prop: "ryHjdz", showOverflowTooltip: true },
    { label: "护照号码", prop: "ryHzhm", showOverflowTooltip: true },
    { label: "现住地址", prop: "ryXzdz", showOverflowTooltip: true },
    { label: "附件照片", prop: "ryFjZp", showOverflowTooltip: true },
    { label: "管辖单位", prop: "gxDwDm", showOverflowTooltip: true },
    { label: "管控民警", prop: "gxMj", showOverflowTooltip: true },
    { label: "责任部门", prop: "ssbm", showOverflowTooltip: true },
    {
      label: "标签",
      prop: "bqList",
      showOverflowTooltip: true,
      showSolt: true
    },
    {
      label: "风险等级",
      prop: "fxDj",
      showOverflowTooltip: true,
      showSolt: true
    },
    {
      label: "风险类别",
      prop: "fxLb",
      showOverflowTooltip: true,
      showSolt: true
    },
    {
      label: "是否关注",
      prop: "sfGz",
      showOverflowTooltip: true,
      showSolt: true
    },
    {
      label: "是否转布控人员",
      prop: "sfZbkry",
      showOverflowTooltip: true,
      showSolt: true
    },
    {
      label: "是否转重点人员",
      prop: "sfZzdry",
      showOverflowTooltip: true,
      showSolt: true
    }
  ]
});

// 搜索
const onSearch = (val) => {
  queryFrom.value = { ...val };
  pageData.pageConfiger.pageCurrent = 1;
};

const changeNo = (val) => {
  pageData.pageConfiger.pageCurrent = val;
  getModelList();
};
const changeSize = (val) => {
  pageData.pageConfiger.pageSize = val;
  getModelList();
};


//获取模型识别列表
const getModelList = () => {
  let data = { ...pageData.pageConfiger };
  pageData.tableConfiger0.loading = true;
  qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage")
    .then((res) => {
      pageData.tableConfiger0.loading = false;
      pageData.tableData2 = res.records || [];
      pageData.total = res.total;
      ids.value = [];
    })
    .catch(() => {
      pageData.tableConfiger0.loading = false;
    });
};

// 智能解析
const intelligent = () => {
  IntelligentParsingRef.value.init();
};


const deleteRowBottom = (id) => {
  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
    qcckDelete({}, "/mosty-gsxt/tbGsxtRqfjRy/" + id).then((res) => {
      ElMessage.success("删除成功");
      getModelList();
    });
  });
};

// 选择数据
const chooseDataBottom = (val) => {
  if (Array.isArray(val)) ids.value = val.map((item) => item.id);
};

const chooseType = (val) => {
  chooselx.value = val;
  switch (val) {
    case "级别变更":
    case "警种变更":
    case "指定分配":
    case "添加标签":
      if (ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
      isShow.value = true;
      break;
    case "导出":
      // download("/mosty-api/mosty-gsxt/tbGsxtRqfjRy/exportRyfjFxjg", {"bkBt":"1"},`模型智能识别/LP解析结果_${new Date().getTime()}.xlsx`);
      break;
    case "批量删除":
      if (ids.value.length == 0)
        return ElMessage.warning("请选择对应删除的数据");
      ids.value.forEach((id) => {
        deleteRowBottom(id);
      });
      break;
  }
};

// 提取数据
const getText = (val) =>{
  prsentText.value = null; //先清空
  container.value = val;
  let obj = {
    "model": "deepseek-reasoner",
    "messages": [
      {
        "role": "system",
        "content":  "# 角色定位\n你是一名资深警务人员，尤其擅长对警情、案件、线索等非结构化文本数据进行阅读理解，并从中提取各种对象特征信息进行结构化，并总结各种对象之间的关联关系。\n##  - person:人物   - id:唯一值   - name:姓名   - enName:英文姓名   - nickName:绰号   - aliasName:别名   - screenName:网名   - idcard:身份证号码   - phoneNo:手机号码   - bankCard:银行卡号   - passporNumber:护照号码   - permanentResidenceAddress:户籍地址   - residenceAddress:现住地址- jbxx:基本信息- id:唯一值     - xsmc:线索名称     - xslx:线索类型     - qbly:情报来源     - kssj:开始时间     - jssj:结束时间     - qtlx:群体类型     - qtmc:群体名称     - sjrs:设计人数     - sbdw:送报单- yjtq:语义提取 "
      },
      {
        "role": "user",
        "content": "# 任务\n根据警情信息识别对象信息，以及对象之间的关联关系。最后以json形式输出，不要做任何解释。直接给出完整的json\n## 注意\n- 各种不同类型的对象分别用对象数组存储；\n- 对象之间的关系存储在relation数组中；\n\n# 警情信息\n  - "
      }
  ],
    "max_tokens": 4096,
    "stream": false
  }
  obj.messages[0].content = obj.messages[0].content + "## 注意点\n- 地址信息能够根据上下文信息按照省、市、县、街道/乡镇、路名分段补全并标准化。例如:四川省 成都市 高新区 桂溪街道 交子大道11号\n- 对象之间的关联关系由对象类型、对象id、关系类型、目标对象类型、目标对象id 5个属性组成。\n"
  // 拼接字典 线索类型：
  let time = '时间必须按照 YYYY-MM-DD HH:mm:ss 的格式 \n'
  obj.messages[0].content =  obj.messages[0].content + time;
  obj.messages[1].content =  obj.messages[1].content + val.text 
  prsentText.value = obj;
}

const tabHeightFn = () => {
  pageData.tableHeight2 =
    window.innerHeight - searchBox.value.offsetHeight - 650;
  window.onresize = function () {
    tabHeightFn();
  };
};

onMounted(() => {
  tabHeightFn();
  getModelList();
});
</script>

<style lang="scss" scoped>
.statistical-analysis {
  width: 100%;
  height: 100%;

  .left-menu {
    float: left;
    width: 280px;
    height: calc(100% - 10px);
    padding: 20px 4px;
    margin-top: 20px;
    border-radius: 4px;
    background-color: #fff;
    border-right: 1px solid #e8e8e8;
    color: #333;
    line-height: 32px;

    ::v-deep .checkBox {
      flex-direction: column;

      .checkall {
        margin: 0;
      }
    }

    ::v-deep .el-checkbox-group {
      display: flex;
      flex-direction: column;
    }

    ::v-deep .is-checked {
      background: rgb(242, 249, 255);
      margin-bottom: 4px;
    }

    ::v-deep .el-checkbox {
      padding-left: 8px;
      margin-right: 4px;
    }

    .all {
      width: calc(100% - 4px);
    }
  }

  .right-content {
    float: left;
    width: calc(100% - 290px);
    height: 100%;
    padding: 0 20px 0;
    margin-top: 20px;
    margin-left: 10px;
    border-radius: 4px;
    box-sizing: border-box;

    .tableCnt1 {
      height: 290px;
      background: #fff;
      border-radius: 4px;
    }

    .tableCnt {
      height: calc(100vh - 257px - 290px);
      background: #fff;
      border-radius: 4px;
    }
  }
}
</style>
