更新页面

src/views/backOfficeSystem/HumanIntelligence/infoCollection/components/inforReport.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="inforReport">
-        <el-dialog :close-on-click-modal="false" @close="visible = false" title="信息上报" v-model="visible" width="50%" top="5vh">
+        <el-dialog :close-on-click-modal="false" :show-close="false" title="信息上报" v-model="visible" width="50%" top="5vh">
         <div class="cntBox">
             <Toolbar
                 style="border-bottom: 1px solid #ccc"
@@ -26,6 +26,7 @@
 </template>
 
 <script setup>
+import { connectSSEWithPost } from '@/utils/sse.js'
 import { timeValidate } from '@/utils/tools'
 import { getItem } from "@/utils/storage";
 import "@wangeditor/editor/dist/css/style.css";
@@ -55,14 +56,10 @@ const visible = computed({
 
 // 编辑器实例，必须用 shallowRef
 const editorRef = shallowRef()
-
+const valueHtml = ref('')// 内容 HTML
-// 内容 HTML
-const valueHtml = ref('')
-
 const mode = 'default'
 const toolbarConfig = {}
 const editorConfig = { placeholder: '请输入内容...' }
-
 // 带样式的下载方法
 const downloadWithStyles = () => {
   const wordDocument = `
@@ -105,7 +102,63 @@ const downloadWithStyles = () => {
   saveAs(blob, '情报信息报告.doc');
 };
 
-function handleHtml (val){
+// 处理事件
+const handleEvents = async () =>{
+    // 模拟
+    // setTimeout(async ()=>{
+    //     let prompt = '对事件的性质、事件的发展，指向性、危害性、可控性等进行分析。'
+    //     if (valueHtml.value.includes('事件分析中。。。')) {
+    //          valueHtml.value = valueHtml.value.replace('事件分析中。。。', prompt)
+    //     }
+    // },1500)
+    try {
+        let prompt = '对事件的性质、事件的发展，指向性、危害性、可控性等进行分析。'
+        await connectSSEWithPost(prompt, {
+        onChunk: (content) => {
+            valueHtml.value = valueHtml.value.replace('事件分析中。。。', content)
+        },
+        onComplete: () => {
+            console.log('SSE连接完成');
+        },
+        onError: (error) => {
+            console.error('SSE连接错误:', error);
+        }
+        });
+    } catch (err) {
+        valueHtml.value = valueHtml.value.replace('事件分析中。。。', '分析失败，请稍后重试')
+        console.error('分析失败:', err);
+    }
+}
+// 工作指引
+const handleWork = async () =>{
+    // 模拟
+    // setTimeout(async ()=>{
+    //     let prompt = '根据分析内容，针对性提出一些对策建议。'
+    //     if (valueHtml.value.includes('工作指引分析中。。。')) {
+    //          valueHtml.value = valueHtml.value.replace('工作指引分析中。。。', prompt)
+    //     }
+    // },1500)
+    try {
+        let prompt = '根据分析内容，针对性提出一些对策建议。'
+        await connectSSEWithPost(prompt, {
+        onChunk: (content) => {
+            valueHtml.value = valueHtml.value.replace('工作指引分析中。。。', content)
+        },
+        onComplete: () => {
+            console.log('SSE连接完成');
+        },
+        onError: (error) => {
+            console.error('SSE连接错误:', error);
+        }
+        });
+    } catch (err) {
+        valueHtml.value = valueHtml.value.replace('工作指引分析中。。。', '分析失败，请稍后重试')
+        console.error('分析失败:', err);
+    }
+}
+
+const handleHtml = async (val) =>{
+    
     let html = `<h1 style="text-align: center; font-size: 32px; font-weight: bold; font-family: 'Songti SC', 'SimSun', serif; margin-bottom: 20px;">
         <span style="color: rgb(225, 60, 57);">林芝公安情报信息</span>
      </h1>
@@ -121,13 +174,16 @@ function handleHtml (val){
     val.forEach((item,index)=>{
         html+=`<p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">事件 ${index+1}：${item.qbmc}（${item.xsBh}）；</p>`
     })
-    html+=`<h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">二、事件分析</h3>
+    html+=`<h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">二、事件分析</h3>`
-    <p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">对事件的性质、事件的发展，指向性、危害性、可控性等进行分析。</p>
+    html+=`<p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">事件分析中。。。</p>`
-    <h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">三、工作指引</h3>
+    html+=`<h3 style="font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; font-family: 'SimHei', sans-serif;">三、工作指引</h3>
-    <p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">根据分析内容，针对性提出一些对策建议。</p>
+    <p style="text-indent: 2em; line-height: 2; font-family: 'FangSong', serif; font-size: 18px;">工作指引分析中。。。</p>
 `
     valueHtml.value = html
+    await handleWork(html) //工作指引
+    await handleEvents(html) //处理事件
 }
+
 watch(()=>props.data,val=>{
     handleHtml(val)
 },{immediate:true,deep:true})

src/views/backOfficeSystem/HumanIntelligence/infoCollection/infomation.vue

@@ -12,7 +12,7 @@
           </el-icon>
           <span class="vertical-middle">新增</span>
         </el-button>
-        <el-button type="primary" @click="dologCancel()" size="small">
+        <el-button type="primary" @click="exportFileModel = true;" size="small">
           <el-icon class="vertical-middle">
             <CirclePlus />
           </el-icon>
@@ -54,7 +54,6 @@
         <template #lczt="{ row }">
           <DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
         </template>
-
         <template #cyqk="{ row }">
           <el-link v-if="isShowBtn('采纳')" size="small" type="danger" @click="cnMsg(row)"
             :disabled="butcontroll('04', row.lczt)">采纳</el-link>
@@ -73,10 +72,8 @@
             @click="postXxcjXxcjTjsh(row)">送审</el-link>
           <!-- （01 提交 02 上报县局  03 上班市局 04 采纳 05 退回 06 打标签  07 转合成  08 转线索  09 转会商）v-if="qxkz.deptLevel == '01'" -->
 
-
           <el-link v-if="isShowBtn('上报') && qxkz.deptLevel == '03'" size="small" type="primary" @click="appearNewspapers(row)"  :disabled="row.lczt != '01'">上报</el-link>
-          <el-link v-else-if="isShowBtn('上报')" size="small" type="primary" @click="appearNewspapers(row)"
+          <el-link v-else-if="isShowBtn('上报')" size="small" type="primary" @click="appearNewspapers(row)" :disabled="!(row.xldshzt == '02'&&row.lczt == '02')">上报</el-link>
-            :disabled="!(row.xldshzt == '02'&&row.lczt == '02')">上报</el-link>
           <!--  && row.lczt != '02' -->
           <el-link v-if="isShowBtn('分组')" size="small" type="primary" @click="opneMsg(row)"
             :disabled="row.sldshzt != '02'">分组</el-link>
@@ -92,17 +89,13 @@
           <el-link v-if="isShowBtn('转线索')" size="small" type="primary" @click="FollowUpOnLeads(row)"
             :disabled="row.sldshzt != '02'">转线索</el-link>
           <!-- 所有状态都能进行转合成 -->
-          <!-- <el-link v-if="isShowBtn('转合成')" size="small" type="primary" @click="openFkDialogszl(row)"
+          <!-- <el-link v-if="isShowBtn('转合成')" size="small" type="primary" @click="openFkDialogszl(row)" :disabled="butcontroll('01', row.lczt)">转合成</el-link> -->
-            :disabled="butcontroll('01', row.lczt)">转合成</el-link> -->
           <!-- 所有状态都能进行转会商 -->
-          <!-- <el-link v-if="isShowBtn('转会商')" size="small" type="primary" @click="handleTransferMerchant(row)"
+          <!-- <el-link v-if="isShowBtn('转会商')" size="small" type="primary" @click="handleTransferMerchant(row)" :disabled="butcontroll('01', row.lczt)">转会商</el-link> -->
-            :disabled="butcontroll('01', row.lczt)">转会商</el-link> -->
 
-          <el-link v-if="isShowBtn('关注部门')" :disabled="row.sldshzt != '02'" size="small" type="primary"
+          <el-link v-if="isShowBtn('关注部门')" :disabled="row.sldshzt != '02'" size="small" type="primary" @click="FollowUpOnDept(row)">关注</el-link>
-            @click="FollowUpOnDept(row)">关注</el-link>
           <!-- 市局能给所有数据创建标签 -->
-          <el-link v-if="isShowBtn('打标签')" size="small" type="primary" @click="openCustomTag(row)"
+          <el-link v-if="isShowBtn('打标签')" size="small" type="primary" @click="openCustomTag(row)" :disabled="row.sldshzt != '02'">打标签</el-link>
-            :disabled="row.sldshzt != '02'">打标签</el-link>
         </template>
       </MyTable>
       <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@@ -150,7 +143,6 @@
   <transferMerchant 
     v-if="isShowTransferMerchantTc" 
     :row="currRow" 
-    ref="transferMerchantRef" 
     title="转会商"
     @close="isShowTransferMerchantTc = false" 
     @ok="getList" 
@@ -180,31 +172,28 @@ import Fszl from '@/views/backOfficeSystem/HumanIntelligence/components/fszl.vue
 import CustomTag from '../components/customTag.vue'
 import Configuration from '../components/configuration.vue'
 import transferMerchant from "./components/transferMerchant.vue";
-import { isShiQingZhi } from "@/utils/auth.js"
 import { Edit } from "@element-plus/icons";
 const { proxy } = getCurrentInstance();
-const { D_GS_XS_LY, D_BZ_SSSHZT, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_BZ_BQJB,
+const { D_GS_XS_LY, D_BZ_SSSHZT,  D_GS_XS_LX, D_BZ_BQJB,D_BZ_QBCZZT, D_BZ_CJLX, D_BZ_LCZT,D_XXCJ_BQLX } = proxy.$dict( "D_GS_XS_LY", 'D_BZ_SSSHZT',"D_GS_XS_LX", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_BQJB", "D_BZ_LCZT", "D_XXCJ_BQLX"); //获取字典数据
-  D_GS_XS_QTLX, D_GS_ZDQT_LB,
+const route = useRoute()
-  D_BZ_BMJB, D_BZ_CLPP, D_BZ_CLYS, D_BZ_CLLX, D_BZ_XZQHDM, D_BZ_QBCZZT, D_BZ_CJLX, D_BZ_LCZT,
+const titleData = ref()
-  D_XXCJ_BQLX } =
+const exportFileModel = ref(false)
-  proxy.$dict("D_BZ_BMJB", "D_GS_XS_LY", 'D_BZ_SSSHZT',
+const qxkz = reactive({
-  "D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX",
+  deptBizType: '',
-  "D_GS_ZDQT_LB", "D_BZ_CLPP", "D_BZ_CLYS", "D_BZ_CLLX", "D_BZ_XZQHDM", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_BQJB", "D_BZ_LCZT", "D_XXCJ_BQLX"); //获取字典数据
+  deptLevel: '',
+  roleCode: false,
+  depBool: false
+});
+const fszlShow = ref(false)// 发送指令
 const detailDiloag = ref();
 const inforReportShow = ref(false) //情报信息报告
+const customTagShow = ref(false)// 打标签
+const configurationShow = ref(false)// 配置关注部门
 const searchBox = ref(); //搜索框
 const ids = ref([])
 const tableList = ref([]);
-const chooseData = (val) => {
-  ids.value = val.map(item => {
-    return item.id
-  })
-  tableList.value = val
-}
 const currRow = ref({})
-const transferMerchantRef = ref()
 const isShowTransferMerchantTc = ref(false)
-
 const isShow = ref(false)
 const searchConfiger = ref([
   { label: "录入人", prop: 'xssbr', placeholder: "请输入录入人", showType: "input" },
@@ -240,25 +229,33 @@ const pageData = reactive({
     { label: "上报单位", prop: "ssbm" },
     { label: "流程状态", prop: "lczt", showSolt: true },
     { label: "采用情况", prop: "cyqk", showSolt: true },
-    // { label: "标签内容", prop: "lczt", showSolt: true },
-    // { label: "消息状态", prop: "czzt", showSolt: true },
   ]
 });
+// 导出数据
+const tableColumn = reactive([
+  { label: "上报人姓名", prop: "xssbr" },
+  { label: "情报上报时间", prop: "sxsbsj" },
+  { label: "情报编号", prop: "xsBh" },
+  { label: "情报标题", prop: "qbmc" },
+  { label: "情报来源", prop: "qbly", showSolt: true, zd: 'D_BZ_CJLX' },
+])
 const queryFrom = ref({});
-
 const chooseRow = ref(false)
 const dataList = ref()
 
+const chooseData = (val) => {
+  ids.value = val.map(item => item.id)
+  tableList.value = val
+}
+
 // 采纳
 const cnMsg = (item) => {
-  // if ( qxkz.depBool) {
   proxy.$confirm("确定要采纳", "警告", { type: "warning" }).then(() => {
     xxcjUpdateCzlc({ id: item.id, lczt: '04' }).then(res => {
       proxy.$message({ type: "success", message: "采纳成功" });
       getList();
     })
   }).catch(() => { });
-  // }
 }
 
 const handleReport = () => {
@@ -311,17 +308,12 @@ const rollbackNewspapers = (item) => {
 const appearNewspapers = (item) => {
   if ((item.lczt == '01' || item.lczt == '05' || item.lczt == '02') && item.qbjb == '00' && qxkz.deptLevel != '01') {
     proxy.$confirm("确定要上报", "警告", { type: "warning" }).then(() => {
-      let promes = {}
+      let promes = { id: item.id }
-      if (qxkz.deptLevel == '02') {
+      promes.lczt = qxkz.deptLevel == '02' ? '03' : '02';
-        promes = { id: item.id, lczt: '03' }
-      } else {
-        promes = { id: item.id, lczt: '02' }
-      }
       xxcjUpdateCzlc(promes).then(res => {
         proxy.$message({ type: "success", message: "上报成功" });
         getList();
       })
-
     }).catch(() => { });
   } else {
     proxy.$message({ type: "warning", message: "市局无法进行上报" });
@@ -332,8 +324,7 @@ const opneMsg = (item) => {
   chooseRow.value = true
   dataList.value = [item]
 }
-// 打标签
+
-const customTagShow = ref(false)
 const openCustomTag = (item) => {
   if (qxkz.depBool) {
     customTagShow.value = true
@@ -350,10 +341,9 @@ const affirm = (item) => {
       getList();
     })
   })
-
 }
-// 配置关注部门
+
-const configurationShow = ref(false)
+
 const FollowUpOnDept = (item) => {
   if (qxkz.depBool) {
     configurationShow.value = true
@@ -361,12 +351,8 @@ const FollowUpOnDept = (item) => {
   } else {
     proxy.$message.warning('暂无权限')
   }
-
 }
 
-
-
-
 // 批量分组
 // const batchMark = () => {
 //   const listDb = tableList.value.filter(item => item.lczt != '04')
@@ -381,6 +367,7 @@ const FollowUpOnDept = (item) => {
 //     })
 //   }
 // }
+
 const handleSumbit = () => {
   const listDb = tableList.value.filter(item => item.czzt != '01' && item.czzt != '04')
   if (listDb.length == 0) {
@@ -391,11 +378,7 @@ const handleSumbit = () => {
       })
     }).catch(() => { });
   } else {
-    proxy.$message({
+    proxy.$message({ message: '请选择正确数据', type: 'warning', showClose: true })
-      message: '请选择正确数据',
-      type: 'warning',
-      showClose: true,
-    })
   }
 }
 
@@ -418,8 +401,6 @@ const butcontroll = (val, zt) => {
 
 // 搜索
 const onSearch = (val) => {
-  console.log(val.bqdmList);
-
   const promes = {
     ...pageData.pageConfiger,
     ...val,
@@ -427,7 +408,6 @@ const onSearch = (val) => {
     endTime: val.endTime ? val.endTime[1] : '',
     bqdmList: val.bqdmList ? val.bqdmList.join(',') : ""
   }
-
   queryFrom.value = { ...promes }
   pageData.pageConfiger.pageCurrent = 1;
   getList()
@@ -445,8 +425,6 @@ const changeSize = (val) => {
 // 获取列表
 const getList = () => {
   pageData.tableConfiger.loading = true;
-  console.log(pageData.pageConfiger);
-
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
   xxcjSelectXxsbPage(data).then(res => {
     pageData.tableData = res.records || [];
@@ -464,17 +442,7 @@ const delDictItem = (id) => {
     })
   }).catch(() => { });
 }
-// 导出数据
+
-const tableColumn = reactive([
-  { label: "上报人姓名", prop: "xssbr" },
-  { label: "情报上报时间", prop: "sxsbsj" },
-  { label: "情报编号", prop: "xsBh" },
-  { label: "情报标题", prop: "qbmc" },
-  // { label: "情报类型", prop: "qblx", showSolt: true, zd: 'D_GS_XS_LX' },
-  { label: "情报来源", prop: "qbly", showSolt: true, zd: 'D_BZ_CJLX' },
-  // { label: "指向地点", prop: "zxdz" },
-  // { label: "情报内容", prop: "qbnr", showOverflowTooltip: true },
-])
 // 详情
 const addEdit = (type, row) => {
   isShow.value = true;
@@ -490,67 +458,17 @@ const openXxqk = (row) => {
     }, 500)
   }
 }
-const route = useRoute()
-const titleData = ref()
-const qxkz = reactive({
-  deptBizType: '',
-  deptLevel: '',
-  roleCode: false,
-  depBool: false
-});
-const qxzt = ref(false)
-
-onMounted(() => {
-  const { deptBizType, deptLevel } = getItem('deptId')[0]
-  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
-  qxkz.roleCode = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
-  qxkz.deptBizType = deptBizType
-  qxkz.deptLevel = Jb
-  if (deptBizType == '23' && Jb == '01') {
-    qxkz.depBool = true
-  } else {
-    qxkz.depBool = false
-  }
-
-
-  getRouter()
-  tabHeightFn()
-  if (route.query.id) {
-    detailDiloag.value.init('edit', {
-      id: route.query.id
-    });
-    return
-  }
-  getList()
-
-
-});
-const getRouter = () => {
-  titleData.value = route.meta.title
-}
-const exportFileModel = ref(false)
-const dologCancel = () => {
-  exportFileModel.value = true;
-}
-// 搜索栏
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 280;
   window.onresize = function () {
     tabHeightFn();
   };
 };
 // 转线索
 const FollowUpOnLeads = (row) => {
-  if (!qxkz.depBool) {
+  if (!qxkz.depBool) return proxy.$message({message: '权限不足',type: 'warning',showClose: true, })
-    proxy.$message({
-      message: '权限不足',
-      type: 'warning',
-      showClose: true,
-    })
-    return
-  } else {
   proxy.$confirm("确定要转线索吗？", "警告", { type: "warning" }).then(() => {
     xxcjXxzsx({ ids: Array.isArray(row) ? row.join(',') : row.id }).then(res => {
       proxy.$message({ type: "success", message: "转线索成功" });
@@ -559,9 +477,6 @@ const FollowUpOnLeads = (row) => {
   })
 }
 
-}
-// 发送指令
-const fszlShow = ref(false)
 const openFkDialogszl = (row) => {
   if (!qxkz.depBool) {
     proxy.$message({
@@ -576,7 +491,6 @@ const openFkDialogszl = (row) => {
   }
 
 }
-
 /** 获取当前角色 */
 function getRole() {
   const { deptBizType, deptLevel } = getItem('deptId')[0]
@@ -610,7 +524,6 @@ const isShowBtn = (btnName, row = {}) => {
   if (role === '部门') {
     if (btnName === '续报') return lczt != '01'
     if (btnName === '修改') return lczt == '01'
-    // if(btnName === '上报') return lczt == '01'
   }
   return true
 }
@@ -618,8 +531,6 @@ const handleTransferMerchant = (row) => {
   currRow.value = row
   isShowTransferMerchantTc.value = true
 }
-
-
 // 送审
 const postXxcjXxcjTjsh = (row) => {
   proxy.$confirm("确定要送审吗", "提示", { type: "warning" }).then(() => {
@@ -629,20 +540,25 @@ const postXxcjXxcjTjsh = (row) => {
     })
   }).catch(() => { })
 }
-const getDisabled = (val, zt) => {
-  console.log(val, zt);
 
-  // switch (val) {
+onMounted(() => {
-  //   case '01':
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
-  //     return !(['04', '06', '07', '08', '09'].includes(zt))
+  const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
-  //   case '02':
+  qxkz.roleCode = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
-  //     return !(['03', '05'].includes(zt))
+  qxkz.deptBizType = deptBizType
-  //   case '03':
+  qxkz.deptLevel = Jb
-  //     return !(['02', '03', '04'].includes(zt))
+  if (deptBizType == '23' && Jb == '01') {
-  //   case '04':
+    qxkz.depBool = true
-  //     return ([ '04', '05' ,'06', '07', '08', '09'].includes(zt))
+  } else {
-  // }
+    qxkz.depBool = false
   }
+  titleData.value = route.meta.title
+  tabHeightFn()
+  if (route.query.id) {
+    detailDiloag.value.init('edit', { id: route.query.id });
+  }
+  getList()
+});
 </script>
 
 <style lang="scss" scoped>