lcw

package.json

@@ -23,6 +23,7 @@
     "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^0.26.0",
     "core-js": "^3.6.5",
+    "draggable-resizable-vue3": "1.0.94-beta",
     "echarts": "^5.3.3",
     "echarts-gl": "^2.0.9",
     "el-table-infinite-scroll": "^3.0.6",
@@ -36,6 +37,7 @@
     "moment": "^2.30.1",
     "ol": "^6.14.1",
     "pinia": "^3.0.1",
+    "siriwave": "2.3.0",
     "tesseract.js": "^6.0.1",
     "vue": "^3.2.8",
     "vue-draggable-plus": "^0.6.0",

src/App.vue

@@ -150,5 +150,47 @@ v-deep .el-loading-mask {
   left: -10px;
   transform: translateY(-50%) translateX(-50%);
 }
-
+.popupCustomBox{
+  position: relative;
+  background: rgba(2, 55, 114, 0.99);
+  color: #fff;
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  .popupCustomTitle_title{
+    padding: 4px;
+    box-sizing: border-box;
+    font-size: 12px;
+    text-transform: none;
+    margin-bottom: 0;
+    border-bottom: 1px dashed #ececec;
+    margin-bottom: 2px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: nowrap;
+  }
+  &::after{
+    content: '';
+    position: absolute;
+    bottom: -10px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-top: 10px solid rgba(2, 55, 114, 0.99);
+  }
+  .popupCustomTitle_li{
+    font-size: 12px;
+    line-height: 22px;
+    text-transform: none;
+    margin-bottom: 0;
+    span{
+      display: inline-block;
+      width: 45px;
+      text-align: center;
+    }
+  }
+}
 </style>

src/api/HumanIntelligence/integralList.js

@@ -0,0 +1,36 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-gsxt";
+/**
+ * 岗哨系统-信息采集积分（分页）
+ * @param {Object} params - 查询参数
+ * @param {string} [params.xm] - 姓名
+ * @param {string} [params.sfzh] - 身份证号
+ * @param {string} [params.jflx] - 积分类型：01-优秀信息员、02-优秀研判员
+ * @param {string} [params.jflylx] - 积分来源类型：01-信息采集、02-肯定、03-转会商、04-转合成、05-转线索、06-建模型、07-战术研判、08-战略研判
+ * @param {number} [params.pageCurrent] - 当前页码
+ * @param {number} [params.pageSize] - 每页条数
+ * @returns {Promise<Object>} 返回分页数据对象
+ * @returns {Array} returns.records - 数据记录数组，每个记录包含以下字段：
+ * @returns {string} [returns.records[].bz] - 备注
+ * @returns {string} [returns.records[].hdsj] - 积分获得时间（日期时间格式）
+ * @returns {string} [returns.records[].id] - 主键ID
+ * @returns {number} [returns.records[].jf] - 积分（整数）
+ * @returns {string} [returns.records[].jflx] - 积分类型：01-优秀信息员、02-优秀研判员
+ * @returns {string} [returns.records[].jflylx] - 积分来源类型：04-采纳、05-退回、06-打标签、07-转合成、08-转线索、09-转会商
+ * @returns {string} [returns.records[].sfzh] - 身份证号
+ * @returns {string} [returns.records[].ssbm] - 所属部门
+ * @returns {string} [returns.records[].ssbmdm] - 所属部门代码
+ * @returns {string} [returns.records[].sssgaj] - 所属市公安局
+ * @returns {string} [returns.records[].sssgajdm] - 所属市公安局代码
+ * @returns {string} [returns.records[].ssxgaj] - 所属县公安局
+ * @returns {string} [returns.records[].ssxgajdm] - 所属县公安局代码
+ * @returns {string} [returns.records[].xm] - 姓名
+ * @returns {number} returns.total - 总记录数
+ */
+export const mjjfSelectPage = (params) => {
+  return request({
+    url: api + "/xxcj/mjjf/selectPage",
+    method: "get",
+    params
+  });
+};

src/api/HumanIntelligence/supplementReportList.js

@@ -0,0 +1,28 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-gsxt";
+/**
+ * 补充/续报列表查询接口
+ * @param {Object} params - 查询参数
+ * @param {string} [params.bcrxm] - 补充人姓名（可选）
+ * @param {string} [params.czlx] - 操作类型：01-续报、02-补充（可选）
+ * @param {number} [params.pageCurrent] - 当前页码
+ * @param {number} [params.pageSize] - 每页条数
+ * @returns {Promise<Object>} 返回分页数据对象
+ * @returns {Array} returns.records - 数据记录数组，每个记录包含以下字段：
+ * @returns {string} [returns.records[].bcnr] - 补充内容
+ * @returns {string} [returns.records[].bcrsfzh] - 补充人身份证号
+ * @returns {string} [returns.records[].bcrxm] - 补充人姓名
+ * @returns {string} [returns.records[].bcsj] - 补充时间（日期时间格式）
+ * @returns {string} [returns.records[].czlx] - 操作类型：01-续报、02-补充
+ * @returns {string} [returns.records[].id] - 主键ID
+ * @returns {string} [returns.records[].qbid] - 线索情报ID
+ * @returns {string} [returns.records[].ysnr] - 原始内容
+ * @returns {number} returns.total - 总记录数
+ */
+export const zhsSelectPage = (params) => {
+  return request({
+    url: api + "/xxcj/bc/selectPage",
+    method: "get",
+    params
+  });
+};

src/api/HumanIntelligence/transferConsultationList.js

@@ -0,0 +1,35 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-gsxt";
+/**
+ * 转会商列表查询接口
+ * @param {Object} params - 查询参数
+ * @param {string} [params.xsBh] - 信息编号
+ * @param {string} [params.qbmc] - 情报名称
+ * @param {string} [params.qbly] - 情报来源，参考字典 D_GS_XS_LY
+ * @param {number} [params.pageCurrent] - 当前页码
+ * @param {number} [params.pageSize] - 每页条数
+ * @returns {Promise<Object>} 返回分页数据对象
+ * @returns {Array} returns.records - 数据记录数组，每个记录包含以下字段：
+ * @returns {string} [returns.records[].bz] - 备注
+ * @returns {string} [returns.records[].hsid] - 会商ID
+ * @returns {string} [returns.records[].id] - 主键ID
+ * @returns {string} [returns.records[].qbid] - 线索情报ID
+ * @returns {string} [returns.records[].qbly] - 情报来源，参考字典 D_GS_XS_LY
+ * @returns {string} [returns.records[].qbmc] - 情报名称
+ * @returns {string} [returns.records[].qbnr] - 情报内容
+ * @returns {string} [returns.records[].ssbm] - 所属部门
+ * @returns {string} [returns.records[].ssbmdm] - 所属部门代码
+ * @returns {string} [returns.records[].sssgaj] - 所属市公安局
+ * @returns {string} [returns.records[].sssgajdm] - 所属市公安局代码
+ * @returns {string} [returns.records[].ssxgaj] - 所属县公安局
+ * @returns {string} [returns.records[].ssxgajdm] - 所属县公安局代码
+ * @returns {string} [returns.records[].xsBh] - 信息编号
+ * @returns {number} returns.total - 总记录数
+ */
+export const zhsSelectPage = (params) => {
+  return request({
+    url: api + "/xxcj/zhs/selectPage",
+    method: "get",
+    params
+  });
+};

src/api/commit.js

@@ -109,4 +109,13 @@ export function upImageUploadId(data) {
   })
 }
 
+/** 发送指令 （网上会议室）*/
+export function wshsSendFqzl(data) {
+  return request({
+    url: gsxtApi + '/wshs/sendFqzl',
+    method: 'post',
+    data
+  })
+}
+
 

src/api/dataMonitor.js

@@ -0,0 +1,32 @@
+import request from '@/utils/request'
+const api = "/mosty-api/mosty-gsxt";
+/**
+ * 数据监控相关API接口
+ */
+
+/**
+ * 获取数据监测统计数据
+ * 接口地址:api+ /gsxt/sjjc/jrsjtj
+ * @returns {Promise} 统计数据
+ */
+export function getStatisticsData() {
+  return request({
+    url: api + '/gsxt/sjjc/jrsjtj',
+    method: 'get'
+  })
+}
+
+/**
+ * 获取数据接入状态列表
+ * 接口地址:api+ /gsxt/sjjc/selectList
+ * @param {string} jklx 监控类型：01 公安内网数据、02 政务数据、03 社会数据、04 非结构化数据
+ * @returns {Promise} 监控数据列表
+ */
+export function getMonitorList(params) {
+  return request({
+    url: api + '/gsxt/sjjc/selectList',
+    method: 'get',
+    params: params
+  })
+}
+

src/api/dataWatch/onlineUser.js

@@ -0,0 +1,53 @@
+
+
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-websocket";
+/**
+ * 获取在线用户数
+ * @param {Object} params - 查询参数
+ * @returns {Promise<Array<SysUser>>} 返回在线用户数组
+ *
+ * @typedef {Object} SysUser 在线用户对象
+ * @property {string} [avatar] - 头像
+ * @property {string} [beginTime] - 用户有效开始时间，默认为当前日期（用户可改）
+ * @property {string} [birthday] - 出生日期
+ * @property {string} [bz] - 备注
+ * @property {string} [email] - 用户邮箱
+ * @property {string} [endTime] - 用户有效结束时间，默认空
+ * @property {number} [id] - 用户ID
+ * @property {string} [idEntityCard] - 身份证号
+ * @property {string} [inDustRialId] - 行业号码（如：警号）
+ * @property {string} [isVirtualUser] - 是否虚拟用户：1、是 2、不是
+ * @property {string} [loginName] - 登录账号
+ * @property {number} [managerOrgId] - 管理部门ID
+ * @property {string} [managerOrgName] - 管理部门名称
+ * @property {string} [marital] - 婚姻状态
+ * @property {string} [mk] - -
+ * @property {string} [mobile] - 移动电话
+ * @property {string} [nation] - 民族
+ * @property {string} [password] - 密码
+ * @property {string} [politic] - 政治面貌
+ * @property {number} [positionId] - 岗位ID
+ * @property {string} [positionName] - 岗位名称
+ * @property {string} [sex] - 用户性别（0男 1女 2未知）
+ * @property {string} [sfrh] - -
+ * @property {string} [telePhone] - 电话号码
+ * @property {string} [type] - 人员类别
+ * @property {string} [typeName] - 人员类别中文
+ * @property {string} [userId] - -
+ * @property {string} [userName] - 用户昵称
+ * @property {string} [userType] - 用户类型（00系统用户 01注册用户）
+ * @property {string} [whcd] - 文化程度
+
+ * @property {number} [xzcs] - 选择次数
+ */
+export const socketCurrentUser = (params) => {
+  return request({
+    url: api + "/socket/currentUser",
+    method: "get",
+    params
+  });
+};
+
+
+// import {socketCurrentUser} from "@/api/dataWatch/onlineUser.js"

src/api/huiShangyp/onlineConsultationRoom.js

@@ -0,0 +1,62 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-gsxt";
+
+
+/**
+ * 会商反馈
+ * @param {Object} data - 反馈参数对象
+ * @param {string} data.hsid - 会商ID
+ * @param {string} data.fknr - 反馈内容
+ * @returns {Promise} 返回请求结果
+ */
+export const wshsHsfk = (data) => {
+  return request({
+    url: api + `/wshs/hsfk`,
+    method: "post",
+    data
+  })
+}
+
+/**
+ * 发送涉嫌种类
+ * @param {Object} data - 发送涉嫌种类参数对象
+ * @param {boolean} data.flag - 标志位
+ * @param {string} data.id - ID
+ * @param {Object} data.instructionsEntity - 指令实体对象
+ * @param {string} [data.instructionsEntity.attachmentPath] - 附件路径
+ * @param {string} [data.instructionsEntity.createdAt] - 创建时间
+ * @param {string} [data.instructionsEntity.instructionContent] - 指令内容
+ * @param {string} [data.instructionsEntity.instructionLevel] - 指令级别
+ * @param {string} [data.instructionsEntity.instructionLevelCode] - 指令级别代码
+ * @param {string} [data.instructionsEntity.instructionNumber] - 指令编号
+ * @param {string} [data.instructionsEntity.instructionTime] - 指令时间
+ * @param {string} [data.instructionsEntity.instructionType] - 指令类型
+ * @param {string} [data.instructionsEntity.instructionTypeCode] - 指令类型代码
+ * @param {string} [data.instructionsEntity.issuer] - 发布者
+ * @param {string} [data.instructionsEntity.issuerCode] - 发布者代码
+ * @param {string} [data.instructionsEntity.receivingUnit] - 接收单位
+ * @param {string} [data.instructionsEntity.receivingUnitCode] - 接收单位代码
+ * @param {string} [data.instructionsEntity.status] - 状态
+ * @param {string} [data.instructionsEntity.title] - 标题
+ * @param {string} [data.instructionsEntity.unitCode] - 单位代码
+ * @param {string} [data.instructionsEntity.unitName] - 单位名称
+ * @param {string} [data.instructionsEntity.updatedAt] - 更新时间
+ * @param {Array<Object>} [data.personnelEntity] - 人员实体数组
+ * @param {string} [data.personnelEntity[].comment] - 备注
+ * @param {string} [data.personnelEntity[].domicilePlace] - 户籍地
+ * @param {string} [data.personnelEntity[].idNumber] - 身份证号
+ * @param {string} [data.personnelEntity[].name] - 姓名
+ * @param {string} [data.personnelEntity[].orderId] - 订单ID
+ * @param {string} [data.personnelEntity[].personTypeId] - 人员类型ID
+ * @param {string} [data.personnelEntity[].personTypeName] - 人员类型名称
+ * @param {string} [data.personnelEntity[].phoneNumber] - 电话号码
+ * @param {string} [data.sfzh] - 身份证号
+ * @returns {Promise} 返回请求结果
+ */
+export const sendFqzl = (data) => {
+  return request({
+    url: api + `/send/fqzl`,
+    method: "post",
+    data
+  })
+}

src/api/huiShangyp/strategicApi.js

@@ -60,3 +60,36 @@ export const strategicPut = (data, url) => {
     data
   })
 }
+//提交研判申请
+export const ypbgSjzlTjspId = (id) => {
+  return request({
+    url: api + `/ypbg/sjzl/tjsp/${id}`,
+    method: "get"
+  })
+}
+//ypbg/sjzl/queryShList 查询研判内部审核人员列表
+export const ypbgSjzlQueryShList = (params) => {
+  return request({
+    url: api + `/ypbg/sjzl/queryShList`,
+    method: "get",
+    params
+  })
+}
+
+export const ypbgSjzlYpsp = (data) => {
+  return request({
+    url: api + `/ypbg/sjzl/ypsp`,
+    method: "post",
+    data
+  })
+}
+// 提交研判申请
+//   / mosty - api / mosty - gsxt / ypbg / sjzl / tjsp / id
+// 研判内部审核人员查询列表（市情指领导才有权限）
+// /mosty-api/mosty - gsxt / ypbg / sjzl / queryShList
+// 内部研判审批
+//   / mosty - api / mosty - gsxt / ypbg / sjzl / ypsp
+// 提交上级部门审批
+//   / mosty - api / mosty - gsxt / ypbg / sjzl / sendFqzl
+// 工作流审批回掉
+//   / mosty - api / mosty - gsxt / ypbg / sjzl / updateBkgzl

src/api/huiShangyp/tacticalApi.js

@@ -26,41 +26,6 @@ export const tacticalGet = (params) => {
   })
 }
 
-// 战术研判-新增
-export const tacticalPost = (data, url) => {
-  return request({
-    url: api,
-    method: "post",
-    data
-  })
-}
-
-// 战术研判-删除
-export const tacticalDelete = (data, url) => {
-  return request({
-    url: api,
-    method: "delete",
-    data
-  })
-}
-
-// 战术研判-根据ID查询详情
-export const tacticalGetInfo = (id) => {
-  return request({
-    url: api + `/tactical/${id}`,
-    method: "get"
-  })
-}
-
-// 战术研判-编辑
-export const tacticalPut = (data, url) => {
-  return request({
-    url: api,
-    method: "put",
-    data
-  })
-}
-
 
 /**
  * 开始研判
@@ -85,10 +50,92 @@ export const endJudgment = (id) => {
     method: "post"
   })
 }
+/**
+ * 网上会商（新增）
+ * @param {Object} data 会商数据
+ * @param {Array<string>} [data.chryList] 参会人员ID列表
+ * @param {string} [data.czyj] 会商处置意见
+ * @param {string} [data.glxsid] 关联线索ID(采集ID)
+ * @param {string} [data.glxsmc] 关联线索名称
+ * @param {string} [data.hsbt] 会商标题
+ * @param {string} [data.hsjssj] 会商结束时间 (ISO 8601格式)
+ * @param {string} [data.hskssj] 会商开始时间 (ISO 8601格式)
+ * @param {string} [data.hsnr] 会商内容
+ * @param {string} [data.hybh] 会议编号
+ * @param {string} [data.id] ID
+ * @param {string} [data.plnr] 评论内容
+ * @param {string} [data.tsypid] 态势研判ID
+ * @returns {Promise} 请求Promise对象
+ * @returns {Promise} 请求Promise对象
+ */
+export const wshsAdd = (data) => {
+  return request({
+    url: api + `/wshs/add`,
+    method: "post",
+    data
+  })
+}
+
+/**
+ * 新增研判报告
+ * @param {Object} data 研判报告数据
+ * @param {string} data.bgmc - 报告名称
+ * @param {string} data.bgnr - 报告内容
+ * @param {string} data.bz - 备注
+ * @param {string} data.cjrsfzh - 创建人身份证号
+ * @param {string} data.cjrxm - 创建人姓名
+ * @param {string} data.id - ID
+ * @param {string} data.scsj - 生成时间
+ * @param {string} data.ssbm - 所属部门
+ * @param {string} data.ssbmdm - 所属部门代码
+ * @param {string} data.sssgaj - 所属市公安局
+ * @param {string} data.sssgajdm - 所属市公安局代码
+ * @param {string} data.ssxgaj - 所属县公安局
+ * @param {string} data.ssxgajdm - 所属县公安局代码
+ * @param {string} data.ypid - 研判来源ID(数据整理ID)
+ * @param {string} data.ypmc - 研判名称
+ * @returns {Promise} 请求Promise对象
+ */
+export const gsxtYpbgAddEntity = (data) => {
+  return request({
+    url: api + `/gsxtYpbg/addEntity`,
+    method: "post",
+    data
+  })
+}
+
+/**
+ * 编辑研判报告
+ * @param {Object} data 研判报告数据
+ * @returns {Promise} 请求Promise对象
+ */
+export const gsxtYpbgEditEntity = (data) => {
+  return request({
+    url: api + `/gsxtYpbg/editEntity`,
+    method: "put",
+    data
+  })
+}
 
 /**
  * 自建研判报告
  * @param {Object} data 自建研判数据
+ * @param {Array<Object>} data.cyypList 自建研判数据列表
+ * @param {string} data.cyypList[].fj - 附件
+ * @param {string} data.cyypList[].id - ID
+ * @param {string} data.cyypList[].scyq - 素材要求
+ * @param {string} data.cyypList[].sjzlid - 研判数据整理ID
+ * @param {string} data.cyypList[].wcqk - 完成情况（01 准备中、02 已完成）
+ * @param {string} data.cyypList[].wcsj - 完成时间
+ * @param {string} data.cyypList[].ypbmdm - 研判部门代码
+ * @param {string} data.cyypList[].ypbmmc - 研判部门名称
+ * @param {Object} data.ypbgDto 研判报告DTO
+ * @param {string} data.ypbgDto.bgmc 报告名称
+ * @param {string} data.ypbgDto.bgnr 报告内容
+ * @param {string} data.ypbgDto.ypmc 研判名称
+ * @param {string} data.bglx 报告类型（01 战术研判 02 战略研判）
+ * @param {string} data.ypyq 研判要求
+ * @param {string} data.ypyt 研判议题
  * @returns {Promise} 请求Promise对象
  */
 export const selfBuildJudgment = (data) => {
@@ -102,11 +149,11 @@ export const selfBuildJudgment = (data) => {
 /**
  * 研判指令列表
  * @param {Object} params 查询参数
- * @param {number} [params.pageSize] 每页显示数量
+ * @param {number} params.pageSize 每页显示数量
- * @param {number} [params.pageCurrent] 页码
+ * @param {number} params.pageCurrent 页码
- * @param {string} [params.zlbt] 指令标题
+ * @param {string} params.zlbt 指令标题
- * @param {string} [params.zlnr] 指令内容
+ * @param {string} params.zlnr 指令内容
- * @param {string} [params.fqrxm] 发起人姓名
+ * @param {string} params.fqrxm 发起人姓名
  * @returns {Promise} 请求Promise对象
  */
 export const getJudgmentCommandList = (params) => {

src/api/sjxsgl.js

@@ -0,0 +1,43 @@
+import request from "@/utils/request";
+const api = "/mosty-api/mosty-gsxt";
+// 新增系数
+export const sjxsglAddEntity = (data) => {
+  return request({
+    url: api + "/sjxsgl/addEntity",
+    method: "POST",
+    data
+  });
+};
+// 删除系数
+export const sjxsglDeleteEntity = (data) => {
+  return request({
+    url: api + "/sjxsgl/deleteEntity",
+    method: "DELETE",
+    data
+  });
+};
+
+// 修改系数
+export const sjxsglEditEntity = (data) => {
+  return request({
+    url: api + "/sjxsgl/editEntity",
+    method: "PUT",
+    data
+  });
+};
+// 分页查询
+export const sjxsglGetPageList = (params) => {
+  return request({
+    url: api + "/sjxsgl/getPageList",
+    method: "GET",
+    params
+  });
+};
+
+export const sjxsgId = (id) => {
+  return request({
+    url: api + `/sjxsgl/${id}`,
+    method: "GET",
+  });
+}
+

src/api/sys.js

@@ -106,3 +106,10 @@ export const useStatistics = (data) => {
     data
   });
 };
+/** 获取是否红色名字，市情指领导、优秀信息员、优秀研判名字要变橙红色 */
+export const getUserIsRed = () => {
+  return request({
+    url: '/mosty-api/mosty-gsxt' + "/xxcj/mjjf/sfgxys",
+    method: "GET"
+  });
+};

src/api/sysDict.js

@@ -1,5 +1,6 @@
 import request from "@/utils/request";
 const api = "/mosty-api/mosty-base";
+const fzapi = "/mosty-api/mosty-gsxt";
 /*
  * 登录
  *  return promise 实例对象
@@ -154,3 +155,11 @@ export const deleteSysDictItem = (data) => {
     data
   });
 };
+// 方正字典
+export const fzdict = (params) => {
+  return request({
+    url: fzapi + "/xsaj/dict/selectList",
+    method: "GET",
+    params
+  });
+}

src/api/xxcj.js

@@ -170,3 +170,36 @@ export const xxcjMjjfSelectPage = (params) => {
     params
   })
 }
+// 情报 续报和补充 参数： czlx 操作类型：01 续报、02 补充 ，id， ysnr
+export const addEntity = (data) => {
+  return request({
+    url: api + `/xxcj/bc/addEntity`,
+    method: "post",
+    data
+  })
+}
+// 转会商
+export const xxcjXxzhs = (data) => {
+  return request({
+    url: api + `/xxcj/xxzhs`,
+    method: "post",
+    data
+  })
+}
+// 线索研判盯办统计
+// 线索总数
+export const xxcjQbcjSelectPage = (params) => {
+  return request({
+    url: api + `/qbcj/selectPage`,
+    method: "get",
+    params
+  })
+}
+// 下发总数列表
+export const xxcjXfxsSelectPage = (params) => {
+  return request({
+    url: api + `/zlxx/selectPage`,
+    method: "get",
+    params
+  })
+}

src/api/yj.js

@@ -78,6 +78,13 @@ export const tbGsxtBqzhSelectList = (params) => {
     params
   })
 }
+// 组合标签详情
+export const tbGsxtBqzhId = (id) => {
+  return request({
+    url: api + `/tbGsxtBqzh/${id}`,
+    method: "get",
+  })
+}
 // 身份标签
 export const yjzxSfyjSelectList = (params) => {
   return request({
@@ -210,4 +217,17 @@ export const sjzlQryp = (id) => {
     method: "get",
   })
 }
-
+export const xsajSelectPage = (params) => {
+  return request({
+    url: api + `/asj/xsaj/selectPage`,
+    method: "get",
+    params
+  })
+}
+export const xsajDictSelectList = (params) => {
+  return request({
+    url: api + ``,
+    method: "get",
+    params
+  })
+}

src/components/ChooseList/ChooseJf/index.vue

@@ -0,0 +1,241 @@
+<template>
+  <el-dialog :title="titleValue" width="1400px" :model-value="modelValue" append-to-body @close="closed">
+    <div>
+      <el-form :model="listQuery" class="mosty-from-wrap" :inline="true">
+
+        <el-form-item label="系数名称">
+          <el-input placeholder="请输入系数名称" v-model="listQuery.mc" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="计算规则">
+          <el-input placeholder="请输入计算规则" v-model="listQuery.jsgz" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="success" @click="handleFilter">查询</el-button>
+          <el-button type="info" @click="reset()"> 重置 </el-button>
+        </el-form-item>
+      </el-form>
+      <div class="tabBox" :class="props.Single ? 'tabBoxRadio' : ''" style="margin-top: 0px">
+        <el-table ref="multipleUserRef" @selection-change="handleSelectionChange" :data="tableData" border
+          :row-key="keyid" style="width: 100%" height="450">
+          <el-table-column type="selection" width="55" :reserve-selection="true" />
+          <el-table-column prop="mc" align="center" label="系数名称" />
+          <el-table-column prop="sjbl" align="center" label="衰减比例" />
+          <el-table-column prop="jsgz" align="center" label="计算规则" />
+        </el-table>
+      </div>
+      <div class="fenye" :style="{ top: tableHeight + 'px' }">
+        <el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+          :current-page="listQuery.current" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.size"
+          layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+      </div>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closed">取消</el-button>
+        <el-button type="primary" @click="onComfirm">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import * as rule from "@/utils/rules.js";
+import * as MOSTY from "@/components/MyComponents/index";
+import { ElMessage } from "element-plus";
+import { defineProps, watch, ref, onMounted, nextTick } from "vue";
+import { selectUnAccreditPage, selectUserDeptPage } from "@/api/user-manage";
+import { sjxsglGetPageList } from "@/api/sjxsgl.js";
+import { qcckPost } from "@/api/qcckApi.js";
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    required: true
+  },
+  titleValue: {
+    type: String,
+    default: "选择配置"
+  },
+  LeaderType: {
+    type: String,
+    default: ""
+  },
+  //是否单选
+  Single: {
+    type: Boolean,
+    default: true
+  },
+  roleIds: {
+    type: Array,
+    default: []
+  }, url: {
+    type: String,
+    default: ""
+  }, bh: {
+    type: String,
+    default: ""
+  },
+  chooseJfBh: {
+    type: String,
+    default: ""
+  }
+});
+const total = ref(0);
+const listQuery = ref({
+  current: 1,
+  size: 20
+});
+const form = ref({});
+const tableData = ref([]);
+const emits = defineEmits(["update:modelValue", "choosedUsers"]);
+onMounted(() => {
+});
+
+watch(() => props.modelValue, (val) => {
+  if (val) {
+    nextTick(() => {
+      getListData();
+    });
+  }
+}, {
+  immediate: true
+});
+
+// 监听 roleIds 变化，实时更新选择状态
+watch(() => props.roleIds, (newVal, oldVal) => {
+  console.log('roleIds变化:', newVal, oldVal);
+  // 只要roleIds有变化，就尝试回显，不需要等待modelValue为true
+  // 因为可能是在对话框打开后roleIds才变化
+  nextTick(() => {
+    multipleUser();
+  });
+}, { deep: true });
+const closed = () => {
+  // 清空新选择的内容
+  multipleSelectionUser.value = [];
+  // 取消表格中所有行的选择状态
+  if (multipleUserRef.value && tableData.value && tableData.value.length > 0) {
+    tableData.value.forEach(item => {
+      multipleUserRef.value.toggleRowSelection(item, false);
+    });
+  }
+  emits("update:modelValue", false);
+};
+const reset = () => {
+  listQuery.value = {
+    current: 1,
+    size: 20,
+    loginName: "",
+    phone: ""
+  };
+  getListData();
+};
+
+const keyid = (row) => {
+  return row.id;
+};
+// 为用户分配角色
+const onComfirm = () => {
+  const userList = multipleSelectionUser.value;
+  console.log(userList);
+  let promes = {
+    list: userList.map(item => {
+      return {
+        xsid: item.id,
+        mc: item.mc,
+        sjbl: item.sjbl,
+      }
+    }),
+    id: props.chooseJfBh
+  }
+  qcckPost(promes, `/mosty-gsxt${props.url}`).then(res => {
+    ElMessage.success('操作成功');
+  })
+
+  closed();
+};
+/**
+ * pageSize 改变触发
+ */
+const handleSizeChange = (currentSize) => {
+  listQuery.value.size = currentSize;
+  getListData();
+};
+
+/**
+ * 页码改变触发
+ */
+const handleCurrentChange = (currentPage) => {
+  listQuery.value.current = currentPage;
+  getListData();
+};
+const getListData = () => {
+  const params = listQuery.value;
+  sjxsglGetPageList(params).then((res) => {
+    tableData.value = res?.records;
+    total.value = Number(res.total);
+    // 使用 nextTick 确保表格已经渲染完成后再执行回显
+    nextTick(() => {
+      multipleUser();
+    });
+  });
+};
+
+// 列表回显
+function multipleUser() {
+  // 确保表格引用和数据都存在
+  if (!multipleUserRef.value || !tableData.value || tableData.value.length === 0) {
+    console.log('表格引用或数据不存在，无法回显');
+    return;
+  }
+
+  // 先清空之前的选择，确保选择状态的准确性
+  tableData.value.forEach(item => {
+    multipleUserRef.value.toggleRowSelection(item, false);
+  });
+
+  console.log('开始回显，roleIds:', props.roleIds);
+  console.log('表格数据:', tableData.value);
+
+  // 根据 roleIds 进行回显，确保类型一致
+  tableData.value.forEach((item) => {
+    const itemId = String(item.id);
+    if (props.roleIds.some((id) => String(id) === itemId)) {
+      console.log('回显选择:', item);
+      multipleUserRef.value.toggleRowSelection(item, true);
+    }
+  });
+}
+
+const handleFilter = () => {
+  listQuery.value.current = 1;
+  getListData();
+};
+
+const multipleUserRef = ref(null);
+const multipleSelectionUser = ref([]);
+const handleSelectionChange = (val) => {
+  if (props.Single) {
+    if (val.length > 1) {
+      let del_row = val.shift();
+      multipleUserRef.value.toggleRowSelection(del_row, false);
+    }
+    multipleSelectionUser.value = val;
+  } else {
+    multipleSelectionUser.value = val;
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/layout.scss";
+@import "@/assets/css/element-plus.scss";
+</style>
+<style>
+.tabBoxRadio .el-checkbox__inner {
+  border-radius: 50% !important;
+}
+
+.tabBoxRadio .el-table__header-wrapper .el-checkbox {
+  display: none;
+}
+</style>

src/components/ChooseList/ChooseMarks/index.vue

@@ -10,7 +10,7 @@
     <div class="flex" style="margin-bottom: 10px;">
       <el-button :type="bqLb === '01' ? 'success' : 'info'" @click="qihuan('01')">标签大类</el-button>
       <el-button  :type="bqLb === '02' ? 'success' : 'info'" @click="qihuan('02')"> 标签小类 </el-button>
-</div>
+    </div>
       <el-form :model="listQuery" class="mosty-from-wrap" :inline="true">
         <el-form-item label="标签名称">
           <el-input

src/components/Consultation/components/draggerAble.vue

@@ -87,8 +87,6 @@ const showPushlVideo = ref(false);
 
 const speakers = ref([]);
 
-const codeId = ref(null)
-
 // 54040254001310305009 视频
 // 38467417 对讲机
 const keyWoed = ref('38467417') //关键字
@@ -126,17 +124,11 @@ const handleBtn = (type) =>{
       switch(type){
         case '无人机':
           let obj = { basedata_id , video_frame_size: 3, hook_flag: 0 }
-          window.lemon.call.makeVideoCall(obj)?.then((resp) => {
+          CALL.makeVideoCall(obj)
-            console.log('无人机', resp);
-            codeId.value = resp.call_id
-          });
         break;
         case '对讲机':
           let obj1 = { basedata_id,"hook_flag":0,"duplex_flag":0 }
           CALL.makeVoiceCall(obj1)
-          // window.lemon.call.makeVoiceCall(obj1)?.then((resp) => {
-          //   codeId.value = resp.call_id
-          // });
           break;
       }
     }
@@ -147,7 +139,6 @@ const handleBtn = (type) =>{
 // register media stream callback，include audio and video stream
 const registerStream = () => {
   streamCbId = window.lemon.call.addMediaStream((call_id, stream, type) => {
-    console.log(type,'============监听播放类型');
     rootView.style.display = 'unset';
     if (type === 'audio_dst') {
       setAudio(stream);
@@ -244,13 +235,14 @@ const registerGrantEvent = () => {
 
 
 const close = () => {
-  console.log('=======关闭');
+  if (rootView) {
-  if (rootView) rootView.style.display = 'none';
+    emit('update:modelValue',false)
+    rootView.style.display = 'none';
+  }
 };
 
 const applayFloor = () => {
-  const index = speakers.value?.findIndex((item) => item.number === baseInfo.basedata_id);
+  const index = speakers.value?.findIndex((item) => item.number === baseInfo.user_id);
-    console.log( index,'-1','=== speakers.value');
   if (index >= 0) {
     CALL.releaseFloor();
   } else {
@@ -260,7 +252,7 @@ const applayFloor = () => {
 
 const hangup = () => {
   emit('update:modelValue',false)
-  CALL.hangup(codeId.value);
+  CALL.hangup();
 };
 
 const initWave = () => {

src/components/Consultation/components/meetingView.vue

@@ -5,23 +5,45 @@
     v-model:h="element.height"
     v-model:w="element.width"
     v-model:active="element.isActive"
+    :draggable="true"
+    :resizable="true"
+    :handles="['tl','tr','bl','br']"
+    handles-type="handles"
+    :active-on-hover="false"
+    :prevent-deactivation="true"
+    class-name-handle="drs-handle"
     class="container"
   >
     <div ref="mainContentRef" class="conference-box">
-      <!-- 会议主题 -->
+      <!-- Header Area -->
-      <div v-show="displaySubject" class="subject">
+      <div class="conference-header">
-        <h3 v-if="!editSubject" @click="editSubject = true">
+        <div class="header-top">
-            {{ displaySubject }} ({{ activeMeetingConfig?.meeting.number }})
+          <div class="title-section" v-show="displaySubject">
+             <h3 v-if="!editSubject" @click="editSubject = true" class="conference-title">
+                {{ displaySubject }}
              </h3>
-        <el-input v-else v-model="subject" autofocus allow-clear @blur="updateSubject"/>
+             <el-input v-else v-model="subject" autofocus allow-clear @blur="updateSubject" class="title-input"/>
+             
+             <div class="meeting-id-tag" @click="copyMeetingNumber" v-if="activeMeetingConfig?.meeting?.number">
+                <span class="id-label">会议号:</span>
+                <span class="id-value">{{ activeMeetingConfig?.meeting?.number }}</span>
+                <el-icon class="copy-icon"><CopyDocument /></el-icon>
+             </div>
+          </div>
+        </div>
+        <div class="participants-info">
+             <el-icon><User /></el-icon>
+             <span class="count-text">参会人员 {{ activeMeetingConfig?.members?.length || 0 }}</span>
+        </div>
       </div>
 
+      <!-- Video Content Area -->
+      <div class="video-content-area">
           <div class="top-box">
             <!-- 当前正在讲话 -->
             <el-row justify="space-around">
               <el-tag v-for="name in speakingMemberNames" :key="name" bordered color="green" >{{ name }}</el-tag>
             </el-row>
-
             <!-- 共享者 -->
             <el-tag v-if="activeMeetingConfig?.sharingMember" bordered color="orange">
                 {{ activeMeetingConfig?.sharingMember?.alias}}正在共享屏幕
@@ -34,7 +56,7 @@
 
           <!-- 广播相关（此处借用 video 标签获取对应的流） -->
           <video id="conference_localvideo" ref="localVideoRef" autoplay playsinline :hidden="!showlocalVideo" class="video" />
-      <img v-if="isMicEnable" v-show="activeMeetingConfig?.broadcast"  @click="stopBroadcast" src="@/assets/images/webPuc/svgs/img_broadcast.svg" alt="">
+          <img v-if="isMicEnable" v-show="activeMeetingConfig?.broadcast"  @click="stopBroadcast" src="@/assets/images/webPuc/svgs/img_broadcast.svg" alt="" class="img_broadcast">
           <el-upload
             v-show="false"
             :show-file-list="false"
@@ -49,94 +71,63 @@
           />
 
           <video id="conference_pushVideo" ref="pushVideoRef" autoplay playsinline :hidden="!showPushlVideo" class="video"/>
-
           <audio ref="fileAudioRef" autoplay :hidden="true" />
 
-      <el-row class="buttonContainer" justify="space-around">
+          <div class="control-bar">
             <!-- 锁定 -->
-
+            <el-button circle @click="lockConference" class="control-btn">
-        <el-button circle @click="lockConference">
                 <el-icon size="20px" v-if="activeMeetingConfig?.lockStatus == 1"><Lock/></el-icon>
                 <el-icon size="20px" v-else ><Unlock/></el-icon>
             </el-button>
 
             <!-- 麦克风 -->
-        <el-button circle @click="setMuteMic">
+            <el-button circle @click="setMuteMic" class="control-btn">
                 <img v-if="isMicEnable" src="@/assets/images/webPuc/svgs/microphone.svg" alt="">
                 <img v-else src="@/assets/images/webPuc/svgs/microphone_mute.svg" alt="">
             </el-button>
 
             <el-popover title="选择麦克风" trigger="click" position="bottom-end">
                 <template #reference>
-                <el-icon style="align-self: flex-end" color="#000"><ArrowDown/></el-icon>
+                    <el-icon class="control-arrow" color="#fff"><ArrowDown/></el-icon>
                 </template>
                 <MicPop @changeDevice="changeDevice" />
             </el-popover>
 
             <!-- 扬声器 --> 
-        <el-button circle @click="setMuteEar">
+            <el-button circle @click="setMuteEar" class="control-btn">
                 <img v-if="audioOuputStatus == 1" src="@/assets/images/webPuc/svgs/earpiece.svg" alt="">
                 <img v-else src="@/assets/images/webPuc/svgs/trumpet_mute.svg" alt="">
             </el-button>
             <el-popover title="选择扬声器" trigger="click" position="bottom-end">
                 <template #reference>
-                <el-icon style="align-self: flex-end" color="#000"><ArrowDown/></el-icon>
+                    <el-icon class="control-arrow" color="#fff"><ArrowDown/></el-icon>
                 </template>
                 <!-- <AudioPop @changeDevice="changeDevice" /> -->
             </el-popover>
 
             <!-- 摄像头 -->
-        <el-button circle @click="setCamera">
+            <el-button circle @click="setCamera" class="control-btn">
                 <img v-if="userInfo?.camera_status === CAMERA_STATUS_OPEN" src="@/assets/images/webPuc/svgs/camera.svg" alt="">
                 <img v-else src="@/assets/images/webPuc/svgs/camera_mute.svg" alt="">
             </el-button>
             <el-popover title="选择摄像头" trigger="click" position="bottom-end">
                 <template #reference>
-                <el-icon style="align-self: flex-end" color="#000"><ArrowDown/></el-icon>
+                    <el-icon class="control-arrow" color="#fff"><ArrowDown/></el-icon>
                 </template>
                 <!-- <CameraPop @changeDevice="changeDevice" /> -->
             </el-popover>
 
             <!-- 屏幕共享 -->
-        <el-button circle @click="setShareScreenStatus(1)">
+            <el-button circle @click="setShareScreenStatus(1)" class="control-btn">
                 <img src="@/assets/images/webPuc/svgs/share_video.svg" alt="">
             </el-button>
 
-        <!-- 成员管理 -->
+            <!-- 结束共享 / 结束会议 (Center) -->
-        <el-button circle @click="showMembers">
-            <el-icon color="#84888E" size="20"><Auatar/></el-icon>
-        </el-button>
-
-        <!-- 语音激励 -->
-        <el-button circle @click="setVoiceStimulation()">
-            <img v-if="activeMeetingConfig?.voiceStimulation" src="@/assets/images/webPuc/svgs/icon_embrave.svg" alt="">
-            <img v-else src="@/assets/images/webPuc/svgs/conference_icom_cancel_voice_stimulation.svg" alt="">
-        </el-button>
-
-        <!-- 布局 -->
-        <!-- <LaoutType @setConfernceLayoutType="setConfernceLayoutType" /> -->
-
-        <!-- 画面抓取-截图 -->
-        <el-button circle @click="startScreenshot">
-          <el-icon color="#84888E" size="20"><Scissor/></el-icon>
-        </el-button>
-
-        <!-- 视频广播 -->
-        <el-button circle @click="broadcastAction">
-            <img src="@/assets/images/webPuc/svgs/icon_broadcast.svg" alt="">
-        </el-button>
-
-        <!-- 录屏 -->
-        <el-button circle @click="!isRecording ? mediaRecorder.start() : mediaRecorder.stop()">
-            <el-icon v-if="!isRecording"><Camera/></el-icon>
-            <el-icon v-else style="color: red"><Videopause/></el-icon>
-        </el-button>
-
-        <!-- 结束共享 -->
             <el-button v-if="activeMeetingConfig?.sharingMember?.basedata_id === userInfo?.basedata_id"
               type="danger"
               shape="round"
               status="danger"
+              class="hangup-btn"
               @click="setShareScreenStatus(0)">
               结束共享
             </el-button>
@@ -146,23 +137,52 @@
               <el-button
                 type="danger"
                 shape="round"
+                class="hangup-btn"
                 @click="endConference">
                 结束会议
               </el-button>
-
-          <!-- 退出会议 -->
-          <!-- <el-button
-            v-else
-            type="danger"
-            shape="round"
-            @click="hangupCall"
-            >退出会议</el-button
-          > -->
             </template>
-      </el-row>
+
+            <!-- 成员管理 -->
+            <el-button circle @click="showMembers" class="control-btn">
+                <el-icon color="#fff" size="20"><Auatar/></el-icon>
+            </el-button>
+
+            <!-- 语音激励 -->
+            <el-button circle @click="setVoiceStimulation()" class="control-btn">
+                <img v-if="activeMeetingConfig?.voiceStimulation" src="@/assets/images/webPuc/svgs/icon_embrave.svg" alt="">
+                <img v-else src="@/assets/images/webPuc/svgs/conference_icom_cancel_voice_stimulation.svg" alt="">
+            </el-button>
+
+            <!-- 布局 -->
+            <!-- <LaoutType @setConfernceLayoutType="setConfernceLayoutType" /> -->
+
+            <!-- 画面抓取-截图 -->
+            <el-button circle @click="startScreenshot" class="control-btn">
+              <el-icon color="#fff" size="20"><Scissor/></el-icon>
+            </el-button>
+
+            <!-- 视频广播 -->
+            <el-button circle @click="broadcastAction" class="control-btn">
+                <img src="@/assets/images/webPuc/svgs/icon_broadcast.svg" alt="">
+            </el-button>
+
+            <!-- 录屏 -->
+            <el-button circle @click="!isRecording ? mediaRecorder.start() : mediaRecorder.stop()" class="control-btn">
+                <el-icon v-if="!isRecording"><Camera/></el-icon>
+                <el-icon v-else style="color: red"><Videopause/></el-icon>
+            </el-button>
+            <el-button circle @click="toggleFullscreen" class="control-btn">
+                <el-icon v-if="!isFullscreen"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M384 192H192a64 64 0 00-64 64v192a32 32 0 1064 0V288h192a32 32 0 000-64zm384 64H576a32 32 0 100 64h192v160a32 32 0 1064 0V256a64 64 0 00-64-64zM352 768H192V608a32 32 0 10-64 0v192a64 64 0 0064 64h160a32 32 0 100-64zm544-160a32 32 0 00-32 32v128H704a32 32 0 100 64h160a64 64 0 0064-64V640a32 32 0 00-32-32z"/></svg></el-icon>
+                <el-icon v-else><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M352 288a32 32 0 010-64h160a32 32 0 0132 32v160a32 32 0 11-64 0V320H352zm320 448a32 32 0 010 64H512a32 32 0 01-32-32V608a32 32 0 1164 0v128h128zM256 672a32 32 0 00-32-32H96a32 32 0 00-32 32v128a32 32 0 1064 0v-96h64a32 32 0 0032-32zm640-384a32 32 0 00-32 32v96h-64a32 32 0 100 64h128a32 32 0 0032-32V288a32 32 0 00-32-32z"/></svg></el-icon>
+            </el-button>
+          </div>
+      </div>
 
       <!-- 关闭按钮 -->
-      <el-button class="close" type="primary" icon="Close" circle @click="close"></el-button>
+      <el-button class="close-card-btn" type="text" circle @click="close">
+        <el-icon size="20"><Close /></el-icon>
+      </el-button>
     </div>
 
     <!-- 成员管理面板 暂时未改-->
@@ -189,9 +209,9 @@ const store = useStore();
 const element = ref({
   x: 500,
   y: -600,
-  width: 500,
+  width: 960,
   height: 500,
-  isActive: false,
+  isActive: true,
 });
 const globalStore = store.state.useGlobalStore;
 // 音视频会议-会控管理模块
@@ -241,9 +261,10 @@ const speakers = ref([]);
 const selfGranted = ref(false);
 
 const displaySubject = computed(() => {
-    const text = globalStore.activeMeetingConfig?.subject || '';
+    const text = globalStore.activeMeetingConfig?.subject;
-    subject.value = text;
+    const defaultText = text && String(text).trim() ? text : '会议的标题';
-    return text;
+    subject.value = defaultText;
+    return defaultText;
 });
 
 // 0=关闭，1=打开，2=无扬声器
@@ -712,6 +733,22 @@ const setAudio = (stream) => {
       };
     });
   };
+  const isFullscreen = ref(false);
+  const onFullscreenChange = () => {
+    isFullscreen.value = !!document.fullscreenElement;
+  };
+  const toggleFullscreen = () => {
+    const el = mainContentRef.value;
+    if (!document.fullscreenElement) {
+      if (el && el.requestFullscreen) {
+        el.requestFullscreen();
+      }
+    } else {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      }
+    }
+  };
 
   // 设备列表变化时
   const onDeviceListChange = (mediaDeviceInfo) => {
@@ -725,6 +762,17 @@ const setAudio = (stream) => {
     }
   };
 
+  const copyMeetingNumber = () => {
+    const number = activeMeetingConfig.value?.meeting?.number;
+    if (number) {
+      navigator.clipboard.writeText(number).then(() => {
+        ElMessage.success('会议号已复制');
+      }).catch(() => {
+        ElMessage.error('复制失败');
+      });
+    }
+  };
+
 
 onMounted(()=>{
   console.log(globalStore,'=====0000000000000');
@@ -743,6 +791,7 @@ onMounted(()=>{
 
     // 初始化录屏媒体对象
     addVideoOnLoadedMetadataEvnt(); 
+    document.addEventListener('fullscreenchange', onFullscreenChange);
 });
 
 
@@ -750,6 +799,7 @@ onUnmounted(() => {
   emitter.off('onMediaStream');
   emitter.off('onHangup');
   removeBroadcastVideoListener();
+  document.removeEventListener('fullscreenchange', onFullscreenChange);
 });
 
 </script>
@@ -759,85 +809,223 @@ onUnmounted(() => {
     position: absolute;
     display: flex;
     flex-direction: column;
-    justify-content: center;
-
     margin: 2px;
-    background: rgb(28,32,41);
+    background: #fff;
-    border: 2px dashed #e8e8e8;
+    border: none;
-    border-radius: 16px;
+    border-radius: 12px;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
+    cursor: default;
+    overflow: visible;
+  }
+
+  .conference-box {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+
+  /* Header Styles */
+  .conference-header {
+    padding: 16px 20px 10px;
+    background: #fff;
+    border-bottom: 1px solid #f0f0f0;
+    flex-shrink: 0;
+  }
+
+  .header-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+    padding-bottom: 8px;
+    border-bottom: 2px solid #c0c4cc;
+  }
+
+  .title-section {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .conference-title {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #333;
     cursor: pointer;
   }
 
+  .title-input {
+    width: 200px;
+  }
+
+  .meeting-id-tag {
+    display: flex;
+    align-items: center;
+    background: #e6f7ff;
+    color: #1890ff;
+    padding: 2px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    cursor: pointer;
+    transition: all 0.2s;
+  }
+
+  .meeting-id-tag:hover {
+    background: #bae7ff;
+  }
+
+  .id-label {
+    margin-right: 4px;
+  }
+
+  .copy-icon {
+    margin-left: 4px;
+  }
+
+  .participants-info {
+    display: flex;
+    align-items: center;
+    color: #666;
+    font-size: 13px;
+    gap: 6px;
+  }
+
+  /* Video Area Styles */
+  .video-content-area {
+    flex: 1;
+    position: relative;
+    background: #000;
+    margin: 10px;
+    border-radius: 12px;
+    overflow: hidden;
+  }
+
   .video {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
     position: absolute;
     top: 0;
     left: 0;
-    width: 100%;
+    pointer-events: none;
-    height: 100%;
-    object-fit: scale-down;
-  }
-
-  .buttonContainer {
-    position: absolute;
-    bottom: 0;
-    width: 96%;
-    margin: 8px;
-    padding: 5px 3px;
-    background: #fff;
-    border-radius: 3px;
-  }
-
-  .speaks {
-    align-items: center;
-  }
-
-  .wave {
-    top: 0;
-    width: 100%;
-    height: 100px;
-  }
-
-  .close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: 5px;
-  }
-
-  .subject {
-    position: absolute;
-    top: -53px;
-    padding: 0 5px;
-    color: #ffff;
-    background: #1c2029;
-    border-radius: 5px;
-  }
-
-  .subject .arco-input-wrapper {
-    margin: 8px 0;
-  }
-
-  .icon_broadcast {
-    fill: #fff;
-  }
-
-  .img_broadcast {
-    position: absolute;
-    right: 20px;
-    bottom: 60px;
   }
 
+  /* Top Box (Tags) */
   .top-box {
     position: absolute;
     top: 10px;
+    left: 0;
+    right: 0;
+    z-index: 10;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    pointer-events: none;
   }
 
-  .top-box .arco-tag {
+  .top-box .el-tag {
-    margin: 5px;
+    margin: 4px;
+    pointer-events: auto;
   }
 
-  ::v-deep .el-button.is-circle{
+  /* Control Bar Styles */
-    width: 32px;
+  .control-bar {
-    height: 32px;
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    background: rgba(0, 0, 0, 0.65);
+    backdrop-filter: blur(10px);
+    border-radius: 40px;
+    padding: 8px 24px;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    z-index: 20;
+    white-space: nowrap;
+  }
+
+  .control-btn {
+    background: transparent !important;
+    border: none !important;
+    color: #fff !important;
+    width: 40px !important;
+    height: 40px !important;
+    padding: 0 !important;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: background 0.3s;
+  }
+
+  .control-btn:hover {
+    background: rgba(255, 255, 255, 0.15) !important;
+    border-radius: 50%;
+  }
+
+  .control-btn img {
+    width: 24px;
+    height: 24px;
+    filter: brightness(0) invert(1); /* Make black icons white */
+  }
+
+  .control-arrow {
+    margin-left: -12px;
+    margin-top: 10px;
+    cursor: pointer;
+  }
+
+  .hangup-btn {
+    background-color: #f56c6c !important;
+    border-color: #f56c6c !important;
+    color: #fff !important;
+    height: 36px;
+    padding: 0 20px;
+  }
+  
+  .hangup-btn:hover {
+    background-color: #f78989 !important;
+    border-color: #f78989 !important;
+  }
+
+  /* Close Card Button */
+  .close-card-btn {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    color: #999;
+    z-index: 100;
+  }
+  
+  .close-card-btn:hover {
+    color: #666;
+    background: transparent;
+  }
+
+  /* Misc */
+  .img_broadcast {
+    position: absolute;
+    right: 20px;
+    bottom: 80px; /* Adjusted to be above control bar */
+    width: 40px;
+    height: 40px;
+  }
+
+  ::v-deep .el-button.is-circle {
+    /* Reset element plus styles if needed */
+  }
+  
+  ::v-deep .drs-handle {
+    width: 10px;
+    height: 10px;
+    background: #1890ff;
+    border: 2px solid #fff;
+    border-radius: 2px;
+    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
+    z-index: 1000;
+    pointer-events: auto;
   }
 </style>

src/components/Consultation/demo.vue

@@ -16,8 +16,9 @@ import { ElMessage,ElMessageBox,ElNotification } from "element-plus";
 import useBaseDataModule from '@/components/Consultation/sdk/baseData';
 import AudioAndVoice from './components/audioAndVoice.vue'
 import MeetingView from './components/meetingView.vue'
-import { defineExpose , nextTick, onMounted, onUnmounted, ref} from 'vue';
+import { defineExpose , nextTick, onMounted, onUnmounted, defineEmits, ref} from 'vue';
 import { useStore } from "vuex";
+const emit = defineEmits(['update']);
 const modleType = ref('')
 const store = useStore();
 const sdkBDModule = useBaseDataModule();
@@ -115,6 +116,7 @@ const conferenceActionSDK = async (record ) => {
     if (createRes.result === 0) {
         ElMessage.success(jsonData.value['data']['conference.book.result.ok']);
         record.number = createRes.meeting.number;
+        emit('update',record);
         enterConferenceByNumber(record) //进入会议
     } else {
         ElMessage.error(jsonData.value['errorCode'][createRes?.result]);
@@ -156,8 +158,8 @@ const Init = () => {
   let token = window.localStorage.getItem("rhToken");
   if (!token) {
     let userInfo = {
-      username: "linzhigongan2",
+      username: "sgxtcs",
-      password: "linzhigongan2",
+      password: "123456",
       realm: "puc.com",
       webpucUrl: "https://89.40.9.95:16888"
     };
@@ -173,7 +175,7 @@ const Init = () => {
 
 const ConnectWebsocket = (token) => {
   lemon.login.reConnectWebsocket({
-    username: "linzhigongan2",
+    username: "sgxtcs",
     realm: "puc.com",
     webpucUrl: "https://89.40.9.95:16888",
     token: token
@@ -214,7 +216,7 @@ const  getLoginAccountInfo =() =>{
 const openInit = (it,type) =>{
     modleType.value = type;
     if(type == '会议'){
-        // 判断是否有会议号
+        //判断是否有会议号
         let into = it.number ? '确定开始会议?' : '没有找到会议，是否创建会议?'
         ElMessageBox.confirm(into,'提示',{
             confirmButtonText:'确定',
@@ -224,6 +226,7 @@ const openInit = (it,type) =>{
             // 会议号存在 ?  获取会议列表里面是否包含该条会议 : 创建会议 ;
             it.number ? fetchConferences(it) : conferenceActionSDK(it);
         }).catch(()=>{ })
+
     }
 
     if(['对讲机','无人机'].includes(type)){

src/components/Consultation/sdk/call.js

@@ -32,7 +32,7 @@ export default function useCallModule() {
   const makeVoiceCall = (record ) => {
     if (call_id) return;
 
-    window.lemon.call.makeVoiceCall({ basedata_id: record.basedata_id, hook_flag: 0 })?.then((resp) => {
+    window.lemon.call.makeVoiceCall({ basedata_id: record.basedata_id, hook_flag: 0 , duplex_flag:0})?.then((resp) => {
       call_id = resp.call_id;
     });
   };
@@ -145,9 +145,7 @@ export default function useCallModule() {
    * hangup call
    */
   const hangup = (id) => {
-    console.log(id,'=====挂断');
     window.lemon.call.hangupCall({ call_id: id || call_id })?.then(() => {
-      console.log('00000000000=====挂断');
       call_id = undefined;
       window.calling_conference = undefined;
     })

src/components/GdMap/index.vue

@@ -154,6 +154,10 @@ onMounted(() => {
   emitter.on("showSquire", (obj) => {
     mapUtil.value.zdySquire(obj);
   });
+  // 展示气泡框
+  emitter.on("makerPopup", (obj) => {
+    mapUtil.value.makerPopup(obj);
+  });
 
   // 绘制图形 - 回显区域
   emitter.on("drawShape", (res) => {
@@ -288,6 +292,7 @@ onUnmounted(() => {
   emitter.off("showPoint");
   emitter.off("deletePointArea");
   emitter.off("deletePointAreaOne");
+  emitter.off("makerPopup");
   emitter.off("drawShape");
   emitter.off("echoPlane");
   emitter.off("removeEara");

src/components/GdMap/indexww.vue

@@ -167,6 +167,11 @@ onMounted(() => {
     mapUtil.value.showPoint(obj);
   });
 
+  // 展示气泡框
+  emitter.on("makerPopup", (obj) => {
+    mapUtil.value.makerPopup(obj);
+  });
+
   // 清除覆盖物
   emitter.on("deletePointArea", (res) => {
     // 只清除与当前地图相关的覆盖物
@@ -325,6 +330,7 @@ onUnmounted(() => {
   emitter.off("setMapCenter");
   emitter.off("addPointArea");
   emitter.off("showPoint");
+  emitter.off("makerPopup");
   emitter.off("deletePointArea");
   emitter.off("deletePointAreaOne");
   emitter.off("drawShape");

src/components/GdMap/mapUtil.js

@@ -1,4 +1,5 @@
 import emitter from "@/utils/eventBus.js";
+import { ElContainer } from "element-plus";
 
 export function MapUtil(map) {
   let _that = this;
@@ -84,6 +85,7 @@ export function MapUtil(map) {
         el.style.width = size ? size : "25px";
         if (flag.includes('jczMap_')) el.style.width = '45px';
         if (showTitle) _that.makerShowTitle(item, [item.jd, item.wd], flag, '', offset) //展示标题
+        // if (flag == 'hm') _that.makerPopup({data:item,flag:'hm_pop',type:'Custom'}) //展示气泡框
         // 确保坐标格式正确，使用对象格式传递坐标
         const marker = map.Marker(el, { lng: item.jd, lat: item.wd }, { anchor: 'bottom', offset: [0, 0] })
         el.addEventListener("click", () => {
@@ -141,23 +143,76 @@ export function MapUtil(map) {
     });
   }
 
+  // 展示气泡框  
+  MapUtil.prototype.makerPopup = (val)=>{
     
-
+    let { data,flag,type = 'Dark'} = val
-
+    // Dark   Light   Custom
-
+    let marker;
-
+    if(!_that._self[flag]) _that._self[flag] = [];
-
+    if(type == 'Dark' || type == 'Light') { 
-
+      let list = zdyContent(flag,data);// 默认的样式
-
+      marker = map.createPopup([data.jd,data.wd],{
-
+        style:style, // 气泡框样式:
-
+        data:list,
-
+        title:data.ssbm,
-
+        closeButton:false,
-
+        anchor:'bottom',
-
+        pixelOffset:[0,-50]
-
+      })
-
+    }else {
-
+      marker = map.createPopup([data.jd,data.wd],{
+        style:'Custom', // // 自定义样式
+        attrs:{
+          class:'popupCustom'
+        },
+        container: zdyContentHtml(flag,data),
+        closeButton:false,
+        anchor:'bottom',
+        pixelOffset:[0,-30]
+      })
+    }
+    _that._self[flag].push(marker)
+  }
+  // 弹窗自定义默认内容
+  function zdyContent(flag,item){
+    switch (flag) {
+      case 'hm':
+        return [
+          { label:'林安码线索数量',value:item.lamsx },
+          { label:'布控预警数量',value:item.bkyj },
+          { label:'红色预警数量',value:item.hsyj },
+          { label:'信息采集数量',value:item.xxcjsl },
+        ]
+    }
+  }
+  // 弹窗自定义标签内容
+  function zdyContentHtml(flag,item){
+    let html = ''
+    switch (flag) {
+      case 'hm_pop':
+        const list = [
+          { jb: "一级",sl:'5',ypl:'100%' },
+          { jb: "二级",sl:'5',ypl:'100%' },
+          { jb: "三级",sl:'3',ypl:'60%' },
+          { jb: "四级",sl:'0',ypl:'20%' }
+        ];
+        html = `
+        <div class="popupCustomBox">
+          <div class="popupCustomTitle_title">
+            <span>${item.ssbm}</span>
+            <span>今日警情${item.jrzs || 0}</span>
+          </div>
+          <ul>
+            <li class="popupCustomTitle_li"><span>级别</span> <span>数量</span> <span>研判率</span> </li>
+            ${item.jqjb.map(it => `<li class="popupCustomTitle_li"><span>${it.jbmc}</span> <span>${it.jrsl}</span> <span>${it.ypbl}</span></li>`).join('')}
+          </ul>
+        </div>
+        `
+      break;
+    }
+    return html;
+  }
    
   // 信息框展示
   MapUtil.prototype.makerShowTitle = (item, points, flag, text, offset) => {
@@ -174,6 +229,7 @@ export function MapUtil(map) {
     // 设置样式
     const el = document.createElement('div');
     if (flag == 'hm') {
+      textTitle = item.ssbm;
       // 直接设置元素样式属性，避免对象赋值的兼容性问题
       el.style.fontSize = '12px';
       el.style.color = '#ffffffff';
@@ -565,10 +621,6 @@ export function MapUtil(map) {
     _that._self[flag].push(line)
   }
 
-
-
-
-
   /**
    * 回显平面- 圆 - 多边形 - 矩形
    * @param {*} type 回显形状
@@ -755,7 +807,7 @@ export function MapUtil(map) {
   // 移除边界
 
   MapUtil.prototype.createBoundarys = (res) => {
-    let { data, color, fillColor, borderColor, label, text, labelPosition } = res
+    let { data, color, fillColor, borderColor, label, text, labelPosition, outLineWidth } = res
     if (!data) return false;
     // 使用传入的颜色参数，如果没有则使用默认值
     const fillColorValue = fillColor || 'rgba(27, 205, 211, 0.3)';
@@ -765,7 +817,7 @@ export function MapUtil(map) {
     const polygon = map.createPolygon(data, {
       color: fillColorValue,
       outLineColor: borderColorValue,
-      outLineWidth: 1,
+      outLineWidth: outLineWidth || 1,
       highlightColor: highlightColorValue,
       type: 'solid',
       labelOption: {

src/components/MyComponents/CheckBox/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="form-item-box" :style="{ width: width }">
-    <el-checkbox-group v-model="modelValue" @change="handleCheckAllChange">
+    <el-checkbox-group :model-value="localValue" @change="handleCheckAllChange">
       <el-checkbox
         v-for="item in checkList"
         :key="item.value"
@@ -34,15 +34,21 @@ const props = defineProps({
     type: String
   }
 });
+
+const localValue = ref(props.modelValue);
+
 watch(
   () => props.modelValue,
   (val) => {
+    localValue.value = val;
     console.log(val, "val");
   },
   { deep: true }
 );
+
 const emits = defineEmits(["update:modelValue"]);
 const handleCheckAllChange = (e) => {
+  localValue.value = e;
   emits("update:modelValue", e);
 };
 </script>

src/components/aboutTable/DarkTable.vue

@@ -130,7 +130,7 @@ const props = defineProps({
     default: 180
   },
   tableHeight: {
-    type: Number
+    type: Number || String,
   },
   isScroll: {
     type: Number,
@@ -287,27 +287,56 @@ const rowcontextmenuHland = (row, column, e) => {
 };
 
 const timer = ref(null);
+const isCloned = ref(false);
+const originalBodyHeight = ref(0);
 // 鼠标进入
 const clearnScroll = () => {
   clearInterval(timer.value);
   timer.value = null;
 };
+
+watch(() => props.tableData, () => {
+  nextTick(() => {
+    if (props.isScroll) createScroll();
+  })
+},{deep:true});
+
 // 鼠标离开
 const createScroll = () => {
   clearnScroll();
-  // 拿到table
+  nextTick(() => {
-  const tabel = multipleTableRef.value.layout.table.refs;
+    const refsPath = multipleTableRef.value?.$refs || multipleTableRef.value?.layout?.table?.refs;
-  // 拿到可以滚动的元素
+    const scrollEl = refsPath?.bodyWrapper || multipleTableRef.value?.$el?.querySelector('.el-table__body-wrapper');
-  const tableWrapper = tabel.bodyWrapper.firstElementChild.firstElementChild;
+    const tableEl = scrollEl?.querySelector('table') || multipleTableRef.value?.$el?.querySelector('.el-table__body-wrapper table');
-  if (props.isScroll) {
+    const bodyEl = tableEl?.tBodies?.[0];
+    if (!props.isScroll || !scrollEl || !tableEl || !bodyEl) return;
+    if (!props.tableHeight) {
+      const fixedH = scrollEl.clientHeight || multipleTableRef.value?.$el?.clientHeight || 0;
+      if (fixedH > 0) {
+        scrollEl.style.height = fixedH + 'px';
+        scrollEl.style.overflowY = 'auto';
+      }
+    }
+    originalBodyHeight.value = bodyEl.offsetHeight;
+    const oldClone = tableEl.querySelector('tbody[data-clone="true"]');
+    if (oldClone) {
+      tableEl.removeChild(oldClone);
+      isCloned.value = false;
+    }
+    if (!isCloned.value) {
+      const clone = bodyEl.cloneNode(true);
+      clone.setAttribute('data-clone', 'true');
+      tableEl.appendChild(clone);
+      isCloned.value = true;
+    }
+    const target = scrollEl.firstElementChild?.firstElementChild || scrollEl;
     timer.value = setInterval(() => {
-      tableWrapper.scrollTop += 1;
+      target.scrollTop += 1;
-      //判断滚动到底部,设置为0(可视高度+距离顶部 = 整个高度)
+      if (target.scrollTop >= originalBodyHeight.value) {
-      if ( tableWrapper.clientHeight + tableWrapper.scrollTop == tableWrapper.scrollHeight) {
+        target.scrollTop -= originalBodyHeight.value;
-        tableWrapper.scrollTop = 0;
-      }
-    }, 100);
       }
+    }, 20);
+  });
 };
 
 // 滚动-触底加载
@@ -371,3 +400,9 @@ onUnmounted(() => {
   white-space: nowrap;
 }
 </style>
+watch(() => props.isScroll, (val) => {
+  nextTick(() => {
+    if (val) createScroll();
+    else clearnScroll();
+  });
+},{immediate:true});

src/components/aboutTable/FormMessage.vue

@@ -3,13 +3,13 @@
 
     <el-form-item v-for="(item, idx) in props.formList" :style="item.width && { width: item.width }" :prop="item.prop"  :label="item.label" :label-width="item.labelWidth" :key="idx">
       <!-- input表单 input-->
-      <MOSTY.Other v-if="item.type == 'input'" width="100%" clearable v-model="listQuery[item.prop]"  :placeholder="`请输入${item.label}`" :disabled="item.disabled" :readonly="item.readonly" />
+      <MOSTY.Other v-if="item.type == 'input'" width="100%" clearable v-model="listQuery[item.prop]"  :placeholder="`请输入${item.label}`" :disabled="item.disabled" :readonly="item.readonly" @blur="inputBlur($event,item)" />
 
-      <el-input v-model="listQuery[item.prop]" v-else-if="item.type == 'textarea'" type="textarea" :rows="item.rows || 3"  :placeholder="`请输入${item.label}`" :disabled="item.disabled" />
+      <el-input v-model="listQuery[item.prop]" v-else-if="item.type == 'textarea'" type="textarea" :rows="item.rows || 3"  :placeholder="`请输入${item.label}`" :disabled="item.disabled" @blur="inputBlur($event,item)"/>
       <!-- 数值 inputNumber-->
-      <el-input type="number" v-model="listQuery[item.prop]" v-else-if="item.type == 'inputNumber'" :placeholder="`请输入${item.label}`" :disabled="item.disabled" />
+      <el-input type="number" v-model="listQuery[item.prop]" v-else-if="item.type == 'inputNumber'" :placeholder="`请输入${item.label}`" :disabled="item.disabled"  @blur="inputBlur($event,item)"/>
       <!-- 数值 number-->
-      <el-input-number v-model="listQuery[item.prop]" v-else-if="item.type == 'number'" style="width: 100%" :min="item.min || 0" :max="item.max || 1000" :disabled="item.disabled" />
+      <el-input-number v-model="listQuery[item.prop]" v-else-if="item.type == 'number'" :step="item.step || 1" style="width: 100%" :min="item.min || 0" :max="item.max || 1000" :disabled="item.disabled" />
 
       <!--选择 select-->
       <MOSTY.Select v-else-if="item.type == 'select'" filterable :multiple="item.multiple" v-model="listQuery[item.prop]" :dictEnum="item.options" width="100%" clearable :placeholder="`请选择${item.label}`" :disabled="item.disabled" />
@@ -77,7 +77,7 @@ const props = defineProps({
 });
 const elform = ref();
 const listQuery = ref({});
-const emits = defineEmits(["update:modelValue"]);
+const emits = defineEmits(["update:modelValue", "blur"]);
 // 提交
 const submit = (resfun) => {
   elform.value.validate((valid) => {
@@ -101,7 +101,12 @@ const reset = () => {
 
 // 修改这里的watch逻辑，避免无限循环
 let isUpdatingFromProps = false;
-
+const inputBlur = (e,item) => {
+  if(typeof item?.blur == 'function') {
+    item.blur();
+  }
+  // emits('blur', e, item);
+}
 watch(() => listQuery.value, (newVal) => {
   if (newVal && !isUpdatingFromProps) {
     emits("update:modelValue", newVal);

src/components/aboutTable/MyTable.vue

@@ -68,7 +68,7 @@ const props = defineProps({
     default: 180
   },
   tableHeight: {
-    type: Number || String
+    type:  [Number, String]
   },
   treePros: {
     type: Object,

src/components/aboutTable/Search.vue

@@ -132,10 +132,13 @@
           :options="getOptions[item.prop]"
           :placeholder="item.placeholder"
         />
-        <div v-else-if="item.showType === 'defaultSlot'">
+        <div v-if="item.showType === 'Slot'">
+          <slot :name="item.prop"></slot>
+        </div>
+        <div v-if="item.showType === 'defaultSlot'">
           <slot name="defaultSlot"></slot>
         </div>
-           <div v-else-if="item.showType === 'nameSlot'">
+        <div v-if="item.showType === 'nameSlot'">
           <slot name="nameSlot"></slot>
         </div>
       </div>
@@ -472,8 +475,8 @@ const reset = () => {
   getArr.forEach((item) => {
     searchObj[item.prop] = item.defaultVal;
   });
+  emit("reset", true);
   emit("submit", searchObj);
-  emit("reset", false);
 };
 watchEffect(() => {
   loadingPage.value = true;

src/components/flowPath/SelectingPeople.vue

@@ -8,7 +8,7 @@
               :key="index">{{ item.nodeName }}</el-checkbox>
           </el-checkbox-group>
         </div>
-        <div> <el-button type="success" :icon="Plus" @click="newAdditions"  v-if="optional"/></div>
+        <div> <el-button type="success" :icon="Plus" @click="newAdditions" v-if="optional" /></div>
       </div>
       <div v-if="optional" class="container-box">
         <!-- <div v-if="flwsNode.flwsUserNode?.role.length == 0"> -->
@@ -358,7 +358,7 @@ const queryModel = async () => {
     loading.value = false
   }
 }
-const optional=ref(false)
+const optional = ref(false)
 // 处理事件节点
 const handleEventNode = async (eventNode, orgId) => {
   const nodeExtension = JSON.parse(eventNode.nodeExtension)
@@ -405,7 +405,7 @@ const handleEventNode = async (eventNode, orgId) => {
       userList: userRes.rows[0]
     }]
   } else if (nodeExtension.flwsUserNode.orgType == 'optional') {
-    optional.value=true
+    optional.value = true
   } else {
 
     const parentids = orgData.rows.map(item => item.parentid)
@@ -586,6 +586,11 @@ const sendMessage = (gzlid) => {
         console.log(res);
       })
       break;
+    case 'YPSH':
+      qcckPost(promes, '/mosty-gsxt/ypbg/sjzl/updateBkgzl').then(res => {
+        console.log(res);
+      })
+      break;
   }
 }
 
@@ -603,7 +608,7 @@ const close = () => {
       orgData: {},
     }
   ]
-  optional.value=false
+  optional.value = false
   emit('update:modelValue', false)
 }
 </script>

src/components/flowPath/submissionProcess.vue

@@ -91,7 +91,6 @@ const qcckGetCount = () => {
       } else {
         setCookie('JSRSSIONID', res.substring(10, res.length))
       }
-
       qcckGetList()
     })
   } else { qcckGetList() }

src/components/inputCom/inputUser.vue

@@ -0,0 +1,147 @@
+<template>
+  <el-input :style="{ width: inputWidth }" class="mosty-select" readonly v-model="inputName" :disabled="props.disabled" clearable
+    @click="xgfClick" @clear="clear">
+    <!-- <template #append>
+      <el-button title="" class='cursor' :disabled="props.disabled" @click="xgfClick">选择</el-button>
+    </template> -->
+  </el-input>
+  <!-- 相关方 -->
+  <ChooseUser id="most-user" v-model="isShowDialog" :Single="props.Single" :deptId="props.deptId" :data="userData"
+    @choosedUsers="userChange"></ChooseUser>
+</template>
+
+<script setup>
+
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
+import { ref, defineProps, defineEmits, onMounted, watch, defineExpose, computed } from 'vue'
+const props = defineProps({
+  dataList: {
+    type: Array,
+    default: () => ([])
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  // relatedid: {
+  //     type: String,
+  //     default: ''
+  // },
+  /** 是否单选 默认多选 */
+  Single: {
+    type: Boolean,
+    default: true
+  },
+  ids: {
+    type: String,
+    default: ''
+  },
+  cName: {
+    type: String,
+    default: ''
+  },
+  stlyrylx: {
+    type: String,
+    default: '01'
+  },
+  /** 父级部门 (即只选该部门下的单位),
+   * 如果没有"deptId"会只能选当前登录人的部门，（但是：登录人是安全科可以选所有部门） */
+  deptId: {
+    type: String,
+  },
+  // xgflx: {
+  // 	type: String,
+  // 	default: '09,10,15'
+  // },
+  /** 输入框宽度 */
+  width: [String, Number]
+})
+const emit = defineEmits(['change', 'update:ids', 'update:cName', 'clear'])
+
+const isShowDialog = ref(false)
+const xgfMan = ref('')
+const xgfRyId = ref('')
+const inputName = ref('')
+const inputWidth = computed(() => {
+  if (props.width) {
+    if (typeof props.width === 'string') {
+      if (props.width.includes('px')) return props.width
+      if (!isNaN(Number(props.width))) return props.width + 'px'
+      return props.width
+    } else if (typeof props.width === 'number') {
+      return `${props.width}px`
+    }
+  }
+})
+const userChange = (val) => {
+  val = Array.isArray(val) ? val : []
+  val = val.filter(item => {
+    return !!item
+  })
+  const cName = val.map(item => {
+    // if (item.mobile) {
+    //   return item.userName + '（' + item.mobile + '）'
+    // } else {
+    // }
+    return item.userName
+  }).toString();
+  const ids = val.map(item => {
+    return item.id
+  }).toString();
+  emit('update:ids', ids || '')
+  emit('update:cName', cName || '')
+  emit('change', val || {})
+}
+
+const xgfClick = () => {
+  if (props.disabled) return
+  isShowDialog.value = true
+}
+const clear = () => {
+  // xgfMan.value = ''
+  // xgfRyId.value = ''
+  emit('update:ids', '')
+  emit('update:cName', '')
+  emit('change', {})
+}
+const closeDialog = (val) => {
+  isShowDialog.value = val
+}
+// 数组回显
+const userData = computed(() => {
+  if (!props.ids || !props.ids.length) return []
+  if (props.Single) return props.ids
+  if (typeof props.ids === 'string') return props.ids.split(',')
+  return []
+})
+// input回显
+watch(() => props.cName, (val) => {
+
+  inputName.value = val
+}, { immediate: true })
+onMounted(() => {
+  // console.log('2332===', props.xgflx);
+});
+defineExpose({
+  clear
+});
+</script>
+
+<style scoped lang="scss">
+.mosty-select {
+  width: 374px;
+}
+
+::v-deep .el-form {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+// ::v-deep #xgfandzzjgry .el-button + .el-button{
+// 	margin-left: 10px;
+// }</style>
+::v-depp .treeBox {
+margin-top: 10px;
+}
+
+<style></style>

src/components/instructionHasBeen/sendFqzl.vue

@@ -14,7 +14,7 @@
 
 <script setup>
 import { reactive, ref, onMounted, watch } from "vue";
-import { sendFqzl, ZdrfjSendFqzl ,qbcjSendFqzl} from '@/api/commit'
+import { sendFqzl, ZdrfjSendFqzl ,qbcjSendFqzl, wshsSendFqzl} from '@/api/commit'
 import { getItem } from '@/utils/storage'
 import * as MOSTY from "@/components/MyComponents/index";
 import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue"
@@ -86,6 +86,8 @@ const getsendFqzl = () => {
             break;
           case 'qbcj':
             res = await qbcjSendFqzl(promes)
+          case 'meeting': // 网上会议室
+            res = await wshsSendFqzl(promes)
             break;
         }
         const str = JSON.parse(res)

src/main.js

@@ -52,13 +52,14 @@ import installFilter from "@/filters";
 import mitt from "mitt";
 
 import { resetForm } from "@/utils/validate";
-import { getDict, setCascader } from '@/utils/dict';
+import { getDict, setCascader, getFzDict } from '@/utils/dict';
 import axios from "axios";
 // import fzui from 'fzui-fengqun-vue'
 
 //挂载全局方法
 app.config.globalProperties.resetForm = resetForm;
 app.config.globalProperties.$dict = getDict; //字典公共函数
+app.config.globalProperties.$fzdict = getFzDict; //字典公共函数
 app.config.globalProperties.$message = ELMessage; //element提示组件
 app.config.globalProperties.$set = setCascader; //设置级联选择器回显
 app.config.globalProperties.mittBus = new mitt(); //配置事件总线

src/permission.js

@@ -21,9 +21,9 @@ router.beforeEach(async (to, from, next) => {
   // 存在 token ，进入主页
   // if (store.state.user.token) {
   // 快捷访问
-  console.log(store.getters.token);
+  // console.log(store.getters.token);
   if (store.getters.token) {
-    console.log("路由1");
+    // console.log("路由1");
 
     // 判断用户资料是否获取
     // 若不存在用户信息，则需要获取用户信息
@@ -32,39 +32,39 @@ router.beforeEach(async (to, from, next) => {
     // 添加完动态路由之后，需要在进行一次主动跳转
     const afterMenuList = getItem('menusPermission');
     // 处理用户权限，筛选出需要添加的权限
-    console.log(store.state.permission.routes);
+    // console.log(store.state.permission.routes);
 
     if (store.state.permission.routes.length === 0) {
       const filterRoutes = await store.dispatch('permission/filterRoutes', afterMenuList)
       filterRoutes.forEach(item => {
         router.addRoute(item)
       })
-      console.log("已添加动态路由");
+      // console.log("已添加动态路由");
       next({
         ...to,
         replace: true
       })
     } else {
-      console.log('已存在路由');
+      // console.log('已存在路由');
       next()
     }
     // 利用 addRoute 循环添加
   } else {
     // 没有token的情况下，可以进入白名单
     if (whiteList.indexOf(to.path) > -1) {
-      console.log("路由2");
+      // console.log("路由2");
       next()
     } else {
       const cookie = getCookie("clientKey");
       if (cookie) {
-        console.log("路由3");
+        // console.log("路由3");
         next(`/zeroTrust_login`)
       } else {
-        console.log("路由4");
+        // console.log("路由4");
         const isOatuh = getItem('isOatuh')
         // 没有token的情况下，可以进入白名单
         if (isOatuh) {
-          console.log("路由5");
+          // console.log("路由5");
           const idEntityCard = getItem('idEntityCard')
           next(`/oatuh_login?token=${Base64.encode(idEntityCard)}`)
         } else {

src/plugins/utils/dict.js

@@ -117,3 +117,4 @@ export function IdCard(IdCard, type) {
   }
   return user
 }
+

src/plugins/utils/webSocket.js

@@ -1,4 +1,9 @@
-const url = "ws://80.155.0.82:8006/mosty-api/mosty-websocket/socket/"; //线上
+// let url = "ws://80.155.0.82:8006/mosty-api/mosty-websocket/socket/"; //线上
+let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
+
+if(process.env.NODE_ENV === 'development') {
+  url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地
+}
 import {
   getItem
 } from "@/utils/storage";

src/store/modules/user.js

@@ -88,7 +88,6 @@ export default {
       return new Promise((resolve, reject) => {
         login({ userName, password: Base64.encode(password), kaptcha }).then((data) => {
           if (data.deptList.length === 1) {
-
             this.commit("user/setToken", data.jwtToken);
             this.commit("user/setDeptId", data.deptList);
             this.commit("user/setUserName", data.userName);

src/utils/auth.js

@@ -75,3 +75,32 @@ export function spliceString(targetArr){
   }
   return currentStr
 }
+/** 是否是市情指（市情报指挥） */
+export function isShiQingZhi() {
+  const { deptBizType, deptLevel } = getItem('deptId')?.[0] || {}
+  const Jb = deptLevel?.[0] == '2' ? '01' : deptLevel?.[0] == '3' ? '02' : '03'
+  return deptBizType == '23' && Jb == '01'
+}
+
+
+/** 获取当前用户角色信息 */
+export function getRole() {
+  const roleList = Array.isArray(getItem('roleList')) ? getItem('roleList') : []
+
+  /** 角色配置映射表 */
+  const ROLE_MAP = [
+    { code: 'JS_666666', label: '市情指领导', value: '01', ename: 'shiQzLeader' },
+    { code: 'JS_777777', label: '市情指挥人员', value: '02', ename: 'shiQz' },
+    { code: 'JS_888888', label: '县情指人员', value: '03', ename: 'xianQz' }
+  ]
+
+  /** 按优先级匹配角色 */
+  for (const role of ROLE_MAP) {
+    if (roleList.some(item => item.roleCode === role.code)) {
+      return { label: role.label, value: role.value, ename: role.ename }
+    }
+  }
+
+  /** 默认返回普通用户 */
+  return { label: '普通用户', value: '04', ename: 'common' }
+}

src/utils/dict.js

@@ -1,5 +1,5 @@
-import { ref, toRefs } from 'vue';
+import { ref, toRefs, isRef } from 'vue';
-import { getSysDictByCode } from '@/api/sysDict' //引入封装数字字典接口
+import { getSysDictByCode, fzdict } from '@/api/sysDict' //引入封装数字字典接口
 
 import { getLocalDic } from "@/utils/localDic/index.js"
 /**
@@ -24,11 +24,11 @@ export function getDict(...args) {
   return (() => {
     args.forEach((d, index) => {
       res.value[d] = [];
-
       // 本地字典拦截，如果本地字典存在，则使用本地字典，否则使用远程字典
       if (isLocalDict(d) && getLocalDic(d)) {
         res.value[d] = getLocalDic(d)
       } else {
+
         getSysDictByCode({
           dictCode: d
         }).then(result => {
@@ -45,7 +45,7 @@ export function getDict(...args) {
             p.children = p.itemList
           })
           res.value[d] = result.itemList
-          // console.log(`${d} - ${result.zdmc} :`, result.itemList);
+          //
         })
       }
 
@@ -53,7 +53,42 @@ export function getDict(...args) {
     return toRefs(res.value);
   })()
 }
+export function getFzDict(...args) {
+  const res = ref({});
+  return (() => {
+    args.forEach((d, index) => {
+      res.value[d] = [];
+      // 本地字典拦截，如果本地字典存在，则使用本地字典，否则使用远程字典
+      if (isLocalDict(d) && getLocalDic(d)) {
+        res.value[d] = getLocalDic(d);
+      } else {
+        fzdict({
+          dictLabel: d
+        }).then(result => {
+          result = result || {};
+          // result.itemList = Array.isArray(result.itemList) ? result.itemList : [];
+          // result.itemList.forEach(p => {
+          //   p.label = p.itemName;
+          //   p.value = p.itemValue;
+          //   p.id = p.itemValue;
+          //   p.elTagType = p.dictType;
+          //   if (p?.itemList && p.itemList?.length > 0) {
+          //     getChildren(p);
+          //   }
+          //   p.children = p.itemList;
+          // });
+          // console.log(res.value);
 
+          res.value[d] = result
+        });
+      }
+    });
+
+    // 使用toRefs确保返回的是响应式对象
+    return toRefs(res.value);
+  })()
+
+}
 export function getChildren(item) {
   item.label = item.zdmc
   item.value = item.dm
@@ -142,3 +177,39 @@ export function IdCard(IdCard, type) {
   }
   return user
 }
+
+
+/**
+ *翻译字典数据
+ * @export
+ * @param {*} dm
+ * @param {*} array
+ */
+export function getDictValue(dm, array) {
+  let item = array.value.find(item => {
+    if (item.value) {
+      return item.value == dm;
+    } else if (item.dm) {
+      return item.dm == dm;
+    }
+  })
+  return item ? item.label : ""
+}
+
+/** 获取多个字典值(一个值也可以) 字典内容 value-label
+ * @param {String} 要查的值
+ * @param {Array} dict 字典内容
+ */
+export function getMultiDictVal(values, dict) {
+  if (typeof values === 'string' && values?.length) values = values.split(',')
+  if (!Array.isArray(values)) return ''
+  if (isRef(dict)) dict = dict.value
+  if (!Array.isArray(dict)) return ''
+
+  return values.map(v => {
+    const item = dict.find(item => item.value === v);
+    return item ? item.label : v;
+  }).join(',');
+}
+
+

src/utils/exportExcel.js

@@ -0,0 +1,56 @@
+import * as XLSX from "xlsx";
+
+
+
+/**
+ * 导出Excel(简单的导出)
+ * @param {Array} data 二维数据
+ * @param {String} fileName 文件名
+ */
+export function easyExport(data, fileName = '导出文件') {
+  const wb = XLSX.utils.book_new();
+  //  二维数组例子：[ ['姓名', '年龄', '城市'], ['张三', 25, '北京'], ['李四', 30, '上海'] ];
+  const ws = XLSX.utils.aoa_to_sheet(data); // aoa_to_sheet 方法将二维数组转换为工作表
+
+
+
+  // 宽度调整
+  ws['!cols'] = Array(data?.[0]?.length || 0).fill({ wpx: 80 });
+
+  XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
+  XLSX.writeFile(wb, fileName + '.xlsx');
+}
+
+
+
+/**
+ * 根据对象导出Excel
+ * @param {Object} titleObj 标题对象 {key: '标题', key2: '标题2'}
+ * @param {Array} dataArr 数据数组 例子 [{key: '张三', key2: '25'}, {key: '李四', key2: '30'}]
+ * @param {String} fileName 文件名
+ */
+export function exportExlByObj(titleObj, dataArr, fileName = '导出文件') {
+  dataArr = Array.isArray(dataArr) ? [...dataArr] : []
+  /** 列表标题数组 */
+  const titleArr = [Object.values(titleObj)];
+  const sheetHead = [fileName]
+  /** 转二维数据 */
+  const toNeedArr = (titleObj = {}, tableData = []) => {
+    return tableData.map(row => {
+      const rowArr = []
+      Object.keys(titleObj || {}).map(key => {
+        const cellVal = row[key] || ''
+        if (typeof cellVal !== 'string') String(cellVal)
+        rowArr.push(cellVal)
+      })
+      return rowArr
+    })
+  }
+  /** @param {Array} 表格数据 （二维数组） */
+  const tableData = toNeedArr(titleObj, dataArr);
+  // 合并标题和数据
+  const finalData = [...titleArr, ...tableData];
+  // 合并标题
+  easyExport(finalData, fileName);
+
+}

src/utils/route.js

@@ -5,19 +5,21 @@ import { getItem } from '@/utils/storage'
  */
 const getChildrenRoutes = (routes) => {
   const result = [];
-  // const { deptBizType, deptLevel } = getItem('deptId')[0]
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  const roleList = getItem('roleList') ? getItem('roleList').filter(item => item.roleCode == 'JS_666666').length > 0 : false
   routes.forEach((route) => {
     if (route.children && route.children.length > 0) {
-      // if (deptBizType == '23') {
+      if (deptBizType == '23' && roleList) {
         result.push(...route.children);
-      // } else {
+      } else {
-      //   if (route.path == '/HumanIntelligence') {
+        // console.log(route.path);
-      //     route.children.splice(0, 1);
+        if (route.path == '/JudgmentHome') {
-      //     result.push(...route.children);
+          route.children.splice(6, 1);
-      //   } else {
+          result.push(...route.children);
-      //     result.push(...route.children);
+        } else {
-      //   }
+          result.push(...route.children);
-      // }
+        }
+      }
     }
   });
   return result;

src/utils/tools.js

@@ -93,6 +93,7 @@ export function timeValidate(date, type) {
   const hh = time.getHours().toString().padStart(2, '0')
   const mm = time.getMinutes().toString().padStart(2, '0')
   const ss = time.getSeconds().toString().padStart(2, '0')
+
   if (type == 'ymd') {
     return `${yyyy}-${MM}-${dd}`;
   }
@@ -381,3 +382,21 @@ export function holographicProfileJump(szhm) {
   if (!szhm) return
   window.open(`https://tyyy.lz.dsj.xz/profile/people/person-manage?sfzhm=${szhm}&from=portal`)
 }
+
+/**
+ * 获取表单验证错误信息
+ * @param fields 表单验证错误信息
+ * @param {Object} msgObj 错误信息Ojb,没有就取message
+ */
+export function getErrMsg(fields, msgObj) {
+  if (!fields) return;
+  if (Object.keys(fields).length === 0) return;
+  /** 第一个错误字段 */
+  const firstErrorField = Object.keys(fields)[0];
+  if (msgObj && msgObj[firstErrorField]) return msgObj[firstErrorField];
+  if (!firstErrorField) return;
+  /** 第一个错误字段的内容 @type{<Array>Object} - [message, field, fieldValue] */
+  let firstErrorFieldObj = fields?.[firstErrorField];
+  let errMsg = firstErrorFieldObj?.[0]?.message
+  return errMsg
+}

src/utils/webSocket.js

@@ -1,4 +1,9 @@
-const url = "ws://89.40.9.89:2109/mosty-api/mosty-websocket/socket/"; //线上
+// let url = "ws://89.40.9.89:2109/mosty-api/mosty-websocket/socket/"; //线上
+let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
+
+if (process.env.NODE_ENV === 'development') {
+  url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地
+}
 import {
   getItem
 } from "@/utils/storage";

src/views/backOfficeSystem/HumanIntelligence/components/configuration.vue

@@ -57,7 +57,7 @@ const rules = ref({
   ]
 })
 const formData = ref([
-  { label: "关注部门", prop: "ssbmdm", depMc: 'ssbm', type: "department", width: '45%', multiple: true },
+  { label: "关注部门", prop: "ssbmdm", depMc: 'ssbm', type: "department", width: '45%', multiple: true,isAll: true },
 ])
 const elform = ref(null)
 watch(() => props.modelValue, (newVal) => {

src/views/backOfficeSystem/HumanIntelligence/components/fszl.vue

@@ -53,7 +53,7 @@ const props = defineProps({
   },
   path: {
     type: String,
-    default: "/qbcjZhc/sendFqzl"
+    default: "/mosty-gsxt/qbcjZhc/sendFqzl"
   }
 
 
@@ -101,16 +101,17 @@ const getsendFqzl = () => {
       }
       try {
         const res = await qcckPost(promes,props.path )
-        // qbcjZhcSendFqzl(promes)
+        // const str = JSON.parse(res)
-        const str = JSON.parse(res)
+        // if (str.code == 200) {
-        if (str.code == 200) {
           ElMessage.success('发送成功')
-          listQuery.value = {}
+          // listQuery.value = {}
-          listQuery.value.attachmentPath = ''
+          // listQuery.value.attachmentPath = ''
         emit('handleClose')
-        } else {
+              close()
-          ElMessage.error(str.msg)
+
-        }
+        // } else {
+        //   ElMessage.error(str.msg)
+        // }
       } catch (error) {
         console.log(error);
 

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

@@ -40,14 +40,14 @@
           </div>
         </div>
         <div class="tags-section" v-if="disabled">
-          <h3 class="tags-title">续保信息</h3>
+          <h3 class="tags-title">续报信息</h3>
           <div class="list-container">
             <div v-for="(item, index) in dataList.xb" :key="item.id || index" class="list-item">
               <div class="list-content">
                 {{ item.bcnr }}
               </div>
               <div class="tag-actions">
-                <el-icon class="action-icon edit-icon" :size="32" @click="openPursue('续保信息', item)">
+                <el-icon class="action-icon edit-icon" :size="32" @click="openPursue('续报信息', item)">
                   <EditPen />
                 </el-icon>
                 <el-icon class="action-icon delete-icon" :size="32" @click="handleDeleteTag(item)">
@@ -56,7 +56,7 @@
               </div>
             </div>
             <span v-if="!dataList.xb || dataList.xb.length === 0" class="no-tags">
-              暂无标签
+              暂无续报信息
             </span>
           </div>
         </div>
@@ -77,7 +77,7 @@
               </div>
             </div>
             <span v-if="!dataList.bc || dataList.bc.length === 0" class="no-tags">
-              暂无标签
+              暂无补充信息
             </span>
           </div>
         </div>
@@ -109,10 +109,11 @@
 
 <script setup>
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
-import { xxcjAddEntity, xxcjUpdateEntity, xxcjSelectByid, xxcjSelectCzlcList, xxcjSelectListBc, xxcjDeletesBc } from "@/api/xxcj.js"
+import { xxcjAddEntity, xxcjUpdateEntity, xxcjSelectByid, xxcjSelectCzlcList, xxcjSelectListBc, xxcjDeletesBc, addEntity, xxcjXxzhs } from "@/api/xxcj.js"
 import { EditPen, Delete } from '@element-plus/icons-vue'
 import { ref, defineExpose, onMounted, defineEmits, watch, getCurrentInstance } from "vue"
 import { ElMessage } from 'element-plus';
+import { getItem } from '@//utils/storage.js'
 import { useRoute, useRouter } from 'vue-router'
 import pursueContent from "@/views/backOfficeSystem/HumanIntelligence/components/pursueContent.vue";
 import * as MOSTY from "@/components/MyComponents/index";
@@ -135,16 +136,24 @@ const formData = ref();
 const rules = ref({
   qbmc: [{ required: true, message: "请输入情报标题", trigger: "blur" }],
   qbnr: [{ required: true, message: "请输入情报内容", trigger: "blur" }],
+  bcnr: [{ required: true, message: "请输入续报内容", trigger: "blur" }],
 })
 
 watch(() => dialogForm.value, (val) => {
   if (val) {
+    if (formType.value === 'followUpReport') {
+      formData.value = [
+        { label: "情报标题", prop: "qbmc", type: "input", width: '45%', disabled: true },
+        { label: "续报内容", prop: "bcnr", type: "textarea", width: '100%', rows: 100 },
+      ]
+    } else {
       formData.value = [
         { label: "情报标题", prop: "qbmc", type: "input", width: '45%' },
         { label: "情报内容", prop: "qbnr", type: "textarea", width: '100%', rows: 100 },
         { label: "附件上传", prop: "fjdz", type: "upload", width: '100%', isImg: false },
       ]
     }
+  }
 }, { deep: true })
 const fjdz = ref()
 const listQuery = ref({}); //表单
@@ -155,13 +164,22 @@ const msgeDat = ref()
 const title = ref("")
 const showPj = ref(false)
 const disabled = ref(false)
+/** 类型 add 新增 info 详情 edit 编辑 followUpReport 续报*/
+const formType = ref('add')
 // 初始化数据
 const init = (type, row) => {
-  title.value = type == "add" ? "新增" : type == "info" ? "详情" : "编辑"
+  const titleObj = {
+    add: "新增",
+    info: "详情",
+    edit: "编辑",
+    followUpReport: "续报"
+  }
+  title.value = titleObj[type]
   disabled.value = type == 'info' ? true : false
   fjdz.value = []
   dialogForm.value = true;
-  if (type == 'info' || type == 'edit') {
+  formType.value = type
+  if (type == 'info' || type == 'edit' || type == 'followUpReport') {
     showPj.value = true
     msgeDat.value = row
     getqbcjPldb(row.id)
@@ -177,7 +195,7 @@ const init = (type, row) => {
 // 根据id查询详情
 const getDataById = (id) => {
   xxcjSelectByid({ id }).then((res) => {
-    console.log(res);
+
     lcList.value = res.czlcList || []
     listQuery.value = res;
     listQuery.value.fjdz = res.fjdz ? res.fjdz?.split(",") : []
@@ -187,9 +205,9 @@ const getDataById = (id) => {
 
 // 新增
 const submitForm = () => {
-  loading.value = true
   elform.value.submit(valid => {
     if (valid) {
+      loading.value = true
       const promes = {
         ...listQuery.value,
         fjdz: listQuery.value.fjdz && listQuery.value.fjdz.length > 0 ? listQuery.value.fjdz.map(item => {
@@ -211,6 +229,19 @@ const submitForm = () => {
         }).finally(() => {
           loading.value = false
         })
+      } else if (title.value == '续报') {
+        const params = {
+          qbid: listQuery.value.id,
+          czlx: '01',
+          ysnr: listQuery.value.qbnr,
+          bcnr: promes.bcnr,
+        }
+        addEntity(params).then((res) => {
+          emit("getList")
+          close()
+        }).finally(() => {
+          loading.value = false
+        })
       }
     }
   })
@@ -258,8 +289,9 @@ const getxxcjSelectListBc = (id, lx) => {
 
 // 处理标签删除
 const handleDeleteTag = (tag) => {
-
   proxy.$confirm("确定要删除吗？", "警告", { type: "warning" }).then(() => {
+    const userName = getItem('USERNAME')
+    if (userName == tag.bcrxm) {
       xxcjDeletesBc({ ids: [tag.id] }).then(res => {
         ElMessage({
           message: '删除成功',
@@ -268,8 +300,14 @@ const handleDeleteTag = (tag) => {
         })
         getxxcjSelectListBc(msgeDat.value.id, '01')
         getxxcjSelectListBc(msgeDat.value.id, '02')
-
       })
+    } else {
+      proxy.$message({
+        message: '您不是该数据的创建人，不能删除',
+        type: 'warning',
+        showClose: true,
+      })
+    }
   })
 
 }
@@ -278,10 +316,19 @@ const pursueShow = ref(false)
 const dataVals = ref([])
 const processtitle = ref()
 const openPursue = (title, data) => {
-  console.log(title, data);
+  const userName = getItem('USERNAME')
+  if (userName == data.bcrxm) {
     pursueShow.value = true
     processtitle.value = title
     dataVals.value = data
+  } else {
+    proxy.$message({
+      message: '您不是该数据的创建人，不能进行操作',
+      type: 'warning',
+      showClose: true,
+    })
+  }
+
 }
 defineExpose({ init });
 </script>

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

@@ -0,0 +1,236 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="转会商" width="800px" :before-close="handleClose" destroy-on-close>
+    <el-form ref="formRef" :model="formData" :rules="rules" label-width="120px" label-position="right">
+      <!-- 会商标题 -->
+      <el-form-item label="会商标题" prop="hsbt">
+        <el-input v-model="formData.hsbt" placeholder="请输入会商标题" clearable />
+      </el-form-item>
+
+
+      <!-- 会商时间 -->
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="会商开始时间" prop="hskssj">
+            <el-date-picker v-model="formData.hskssj" type="datetime" placeholder="选择开始时间" format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="会商结束时间" prop="hsjssj">
+            <el-date-picker v-model="formData.hsjssj" type="datetime" placeholder="选择结束时间" format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <!-- 参会人员 -->
+      <el-form-item label="参会人员" prop="chryList">
+        <inputUser v-model:ids="formData.chryList" v-model:cName="formData.chryListCname" :Single="false" width="250"
+          :multiple="true">
+        </inputUser>
+      </el-form-item>
+
+      <!-- 会商内容 -->
+      <el-form-item label="会商内容" prop="hsnr">
+        <el-input v-model="formData.hsnr" type="textarea" :rows="4" placeholder="请输入会商内容" maxlength="1000"
+          show-word-limit />
+      </el-form-item>
+
+      <!-- 会商处置意见 -->
+      <el-form-item label="会商处置意见" prop="czyj">
+        <el-input v-model="formData.czyj" type="textarea" :rows="3" placeholder="请输入会商处置意见" maxlength="500"
+          show-word-limit />
+      </el-form-item>
+
+      <!-- 评论内容 -->
+      <el-form-item label="评论内容" prop="plnr">
+        <el-input v-model="formData.plnr" type="textarea" :rows="3" placeholder="请输入评论内容" maxlength="500"
+          show-word-limit />
+      </el-form-item>
+
+      <!-- ID字段（通常隐藏） -->
+      <el-form-item v-if="formData.id" label="ID" prop="id" style="display: none;">
+        <el-input v-model="formData.id" />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">取消</el-button>
+        <el-button type="primary" @click="handleSubmit" :loading="submitLoading">
+          确定
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
+import { xxcjXxzhs } from '@/api/xxcj.js'
+import inputUser from '@/components/inputCom/inputUser.vue'
+
+// Props
+const props = defineProps({
+  title: {
+    type: String,
+    default: '转会商'
+  },
+  row: {
+    type: Object,
+    default: () => ({})
+  }
+})
+
+// Emits
+const emit = defineEmits(['close', 'ok'])
+
+// 响应式数据
+const formRef = ref()
+const submitLoading = ref(false)
+
+/** 保存DTO对象 - 会商信息表单数据 */
+const formData = ref({
+  /** 主键ID */
+  // id: '',
+  /** 会商标题 */
+  hsbt: '',
+  /** 关联线索ID(采集ID) */
+  glxsid: '',
+  /** 关联线索名称 */
+  glxsmc: '',
+  /** 会商开始时间 */
+  hskssj: '',
+  /** 会商结束时间 */
+  hsjssj: '',
+  /** 参会人员ID数组 */
+  chryList: [],
+  /** 会商内容 */
+  hsnr: '',
+  /** 会商处置意见 */
+  czyj: '',
+  /** 评论内容 */
+  plnr: ''
+})
+
+// 表单验证规则
+const rules = reactive({
+  hsbt: [{ required: true, message: '会商标题不能为空', trigger: 'blur' }],
+  // glxsid: [
+  //   { required: true, message: '请选择关联线索', trigger: 'change' }
+  // ],
+  hsnr: [{ required: true, message: '请输入会商内容', trigger: 'blur' },],
+  czyj: [
+    { required: true, message: '会商处置意见不能为空', trigger: 'blur' }
+  ],
+  plnr: [{ required: true, message: '评论内容不能为空', trigger: 'blur' },],
+  hskssj: [
+    { required: true, message: '请选择会商开始时间', trigger: 'change' }
+  ],
+  hsjssj: [
+    { validator: validateEndTime, trigger: 'change' }
+  ]
+})
+
+const dialogVisible = ref(false)
+
+
+// 验证结束时间
+function validateEndTime(rule, value, callback) {
+  if (value && formData.value.hskssj) {
+    const startTime = new Date(formData.value.hskssj)
+    const endTime = new Date(value)
+    if (endTime <= startTime) {
+      callback(new Error('结束时间必须大于开始时间'))
+      return
+    }
+  }
+  callback()
+}
+
+// 初始化表单数据
+function initFormData() {
+  formData.value = {
+    hsbt: '',
+    glxsid: props.row.id,
+    glxsmc: props.row.qbmc,
+    // tsypid: '',
+    hskssj: '',
+    hsjssj: '',
+    chryList: '',
+    hsnr: '',
+    czyj: '',
+    plnr: ''
+  }
+}
+
+// 重置表单
+function resetForm() {
+  if (formRef.value) {
+    formRef.value.resetFields()
+  }
+  initFormData()
+}
+
+function strToArr(str) {
+  if (!str) return []
+  if (typeof str === 'string') {
+    return str.split(',')
+  }
+  if (!Array.isArray(str)) return []
+  return str
+}
+// 提交表单
+function handleSubmit() {
+  formRef.value.validate((valid) => {
+    if (valid) {
+      submitLoading.value = true
+      const chryList = strToArr(formData.value.chryList)
+      const params = { ...formData.value, chryList }
+      xxcjXxzhs(params).then(res => {
+        emit('close')
+        emit('ok')
+      }).finally(() => {
+        submitLoading.value = false
+      })
+
+    } else {
+
+    }
+  })
+}
+
+// 关闭对话框
+function handleClose() {
+  emit('close')
+}
+
+onMounted(() => {
+  resetForm()
+  dialogVisible.value = true
+})
+
+onBeforeUnmount(() => {
+  dialogVisible.value = false
+})
+
+</script>
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+
+.help-text {
+  font-size: 12px;
+  color: #909399;
+  margin-top: 4px;
+}
+
+:deep(.el-form-item__label) {
+  font-weight: 500;
+}
+
+:deep(.el-textarea__inner) {
+  resize: vertical;
+}
+</style>

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

@@ -72,35 +72,39 @@
           <DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
         </template>
         <template #lczt="{ row }">
-
           <DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
           <!-- （01 提交 02 上报县局 03 上班市局 04 采纳 05 退回 06 打标签 07 转合成 08 转线索 09 转会商）v-if="qxkz.deptLevel == '01'" -->
           <!-- 在提交和退回得状态才能进行上报 -->
-          <el-link size="small" type="primary" @click="appearNewspapers(row)">上报</el-link>
+          <el-link v-if="isShowBtn('上报')" size="small" type="primary" @click="appearNewspapers(row)">上报</el-link>
           <!-- 只有上报状态才能进行采纳 -->
-          <el-link size="small" type="primary" @click="cnMsg(row)">采纳</el-link>
+          <el-link v-if="isShowBtn('采纳')" size="small" type="primary" @click="cnMsg(row)">采纳</el-link>
           <!-- 只有上报状态才能回退 -->
-          <el-link size="small" type="primary" @click="rollbackNewspapers(row)">回退</el-link>
+          <el-link v-if="isShowBtn('回退')" size="small" type="primary" @click="rollbackNewspapers(row)">回退</el-link>
           <!-- 只有采纳状态才能分组 -->
-          <el-link size="small" type="primary" @click="opneMsg(row)">分组</el-link>
+          <el-link v-if="isShowBtn('分组')" size="small" type="primary" @click="opneMsg(row)">分组</el-link>
 
           <!-- 所有状态都能进行转线索 -->
-          <el-link size="small" type="primary" @click="FollowUpOnLeads(row)" >转线索</el-link>
+          <el-link v-if="isShowBtn('转线索')" size="small" type="primary" @click="FollowUpOnLeads(row)">转线索</el-link>
           <!-- 所有状态都能进行转合成 -->
-          <el-link size="small" type="primary" @click="openFkDialogszl(row)">转合成</el-link>
+          <el-link v-if="isShowBtn('转合成')" size="small" type="primary" @click="openFkDialogszl(row)">转合成</el-link>
           <!-- 所有状态都能进行转会商 -->
-          <el-link size="small" type="primary" @click="addEdit('info', row)" v-if="qxkz.depBool">转会商</el-link>
+          <el-link v-if="isShowBtn('转会商')" size="small" type="primary"
+            @click="handleTransferMerchant(row)">转会商</el-link>
           <!-- 只有领导有肯定 -->
-          <el-link size="small" type="primary" @click="affirm(row)" v-if="qxkz.roleCode">肯定</el-link>
+          <el-link v-if="isShowBtn('肯定')" size="small" type="primary" @click="affirm(row)">肯定</el-link>
-            <el-link size="small" type="primary" @click="FollowUpOnDept(row)">关注部门</el-link>
+          <el-link v-if="isShowBtn('关注部门')" size="small" type="primary" @click="FollowUpOnDept(row)">关注部门</el-link>
           <!-- 市局能给所有数据创建标签 -->
-          <el-link size="small" type="primary" @click="openCustomTag(row)">创建</el-link>
+          <el-link v-if="isShowBtn('打标签')" size="small" type="primary" @click="openCustomTag(row)">打标签</el-link>
-          <el-link size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
+
-          <el-link size="small" type="primary" @click="addEdit('edit', row)">修改</el-link>
+          <el-link v-if="isShowBtn('删除')" size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
-          <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
+
+          <el-link v-if="isShowBtn('修改', row)" size="small" type="primary" @click="addEdit('edit', row)">修改</el-link>
+          <el-link v-if="isShowBtn('续报', row)" size="small" type="primary"
+            @click="addEdit('followUpReport', row)">续报</el-link>
+          <el-link v-if="isShowBtn('详情')" size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
 
         </template>
       </MyTable>
@@ -132,6 +136,11 @@
   <Fszl v-model="fszlShow" path="/xxcj/sendFqzl" :itemData="dataList" />
   <CustomTag v-model="customTagShow" :dataList="dataList" @getList="getList" :dict="{ D_XXCJ_BQLX }" />
   <Configuration v-model="configurationShow" :dataList="dataList" @getList="getList" />
+
+  <!-- 转会商 -->
+  <transferMerchant v-if="isShowTransferMerchantTc" :row="currRow" ref="transferMerchantRef" title="转会商"
+    @close="isShowTransferMerchantTc = false" @ok="getList" />
+
 </template>
 
 <script setup>
@@ -151,6 +160,9 @@ import { getItem } from '@//utils/storage.js'
 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"
+
 const { proxy } = getCurrentInstance();
 const { D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_BZ_BQJB,
   D_GS_XS_QTLX, D_GS_ZDQT_LB,
@@ -169,14 +181,20 @@ const chooseData = (val) => {
   })
   tableList.value = val
 }
-
+/** 市情指 */
+const cityIntelligenceCommand = isShiQingZhi()
+const currRow = ref({})
+const transferMerchantRef = ref()
+const isShowTransferMerchantTc = ref(false)
 
 const isShow = ref(false)
 const searchConfiger = ref([
+  { label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "daterange" },
+  { label: "所属单位", prop: "ssbmdm", placeholder: "请选择所属单位", showType: "department" },
   { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
-  { label: "标签级别", prop: 'qbjb', placeholder: "请选择标签级别", showType: "select",options:D_BZ_BQJB},
+  { label: "标签级别", prop: 'qbjb', placeholder: "请选择标签级别", showType: "select", options: D_BZ_BQJB },
   { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
-  { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
+  // { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
   { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
 ]);
 const pageData = reactive({
@@ -230,6 +248,16 @@ const cnMsg = (item) => {
 }
 // 回退
 const rollbackNewspapers = (item) => {
+
+
+  if (item.lczt == '04') {
+    proxy.$message({
+      message: '已经采纳的信息无法回退',
+      type: 'warning',
+      showClose: true,
+    })
+    return
+  }
   if (item.lczt == '03') {
     proxy.$message({
       message: '无法回退市局上报信息',
@@ -264,13 +292,13 @@ const rollbackNewspapers = (item) => {
 }
 // 上报
 const appearNewspapers = (item) => {
-  if ((item.lczt == '01' || item.lczt == '05') && item.qbjb == '00' && qxkz.deptLevel != '01') {
+  if ((item.lczt == '01' || item.lczt == '05' || item.lczt == '02') && item.qbjb == '00' && qxkz.deptLevel != '01') {
     proxy.$confirm("确定要上报", "警告", { type: "warning" }).then(() => {
       let promes = {}
-      if (qxkz.deptLevel == '01') {
+      if (qxkz.deptLevel == '02') {
-        promes = { id: item.id, czzt: '03' }
+        promes = { id: item.id, lczt: '03' }
       } else {
-        promes = { id: item.id, czzt: '02' }
+        promes = { id: item.id, lczt: '02' }
       }
       xxcjUpdateCzlc(promes).then(res => {
         proxy.$message({ type: "success", message: "上报成功" });
@@ -279,7 +307,7 @@ const appearNewspapers = (item) => {
 
     }).catch(() => { });
   } else {
-    proxy.$message({ type: "warning", message: "只能上报提交的情报" });
+    proxy.$message({ type: "warning", message: "市局无法进行上报" });
   }
 }
 // 分组
@@ -294,8 +322,14 @@ const opneMsg = (item) => {
 // 打标签
 const customTagShow = ref(false)
 const openCustomTag = (item) => {
+  if (qxkz.depBool) {
     customTagShow.value = true
     dataList.value = item
+  } else {
+    proxy.$message.warning('暂无权限')
+  }
+
+
 }
 // 肯定
 const affirm = (item) => {
@@ -310,8 +344,13 @@ const affirm = (item) => {
 // 配置关注部门
 const configurationShow = ref(false)
 const FollowUpOnDept = (item) => {
+  if (qxkz.depBool) {
     configurationShow.value = true
-dataList.value = item
+    dataList.value = item
+  } else {
+    proxy.$message.warning('暂无权限')
+  }
+
 }
 
 
@@ -353,14 +392,12 @@ const handleSumbit = () => {
 
 // 搜索
 const onSearch = (val) => {
-  const { lrkssj, zxkssj } = val
+
   const promes = {
     ...pageData.pageConfiger,
     ...val,
-    lrkssj: lrkssj ? lrkssj[0] : '',
+     startTime: val.startTime ? val.startTime[0] : '',
-    lrjssj: lrkssj ? lrkssj[1] : '',
+    endTime: val.endTime ? val.endTime[1] : '',
-    zxkssj: zxkssj ? zxkssj[0] : '',
-    zxjssj: zxkssj ? zxkssj[1] : '',
   }
 
   queryFrom.value = { ...promes }
@@ -473,7 +510,7 @@ const tabHeightFn = () => {
   } else {
     pageData.tableHeight = window.innerHeight - 250;
   }
-  window.onresize = function () {
+  window.onresize = function() {
     tabHeightFn();
   };
 };
@@ -512,6 +549,50 @@ const openFkDialogszl = (row) => {
   }
 
 }
+/** 获取当前角色 */
+function getRole() {
+  const { deptBizType, deptLevel } = getItem('deptId')[0]
+  /** 是否是市情指领导 */
+  const isShiQzLeader = getItem('roleList').find(item => item.roleCode == 'JS_666666') != undefined
+  if (isShiQzLeader) return '市情指领导'
+  /** 是否是市情指人员 */
+  const isShiQz = getItem('roleList').find(item => item.roleCode == 'JS_777777') != undefined
+  if (isShiQz) return '市情指挥人员'
+  /** 是否是县情指人员 */
+  const isXianQz = getItem('roleList').find(item => item.roleCode == 'JS_888888') != undefined
+  if (isXianQz) return '县情指人员'
+  return '部门'
+}
+/** 是否展示按钮 */
+const isShowBtn = (btnName, row = {}) => {
+  /** @type {String} 流程状态（01 提交 02 上报县局 03 上班市局 04 采纳 05 退回 06 打标签 08 转线索） */
+  const lczt = row.lczt
+  /** 按钮权限 */
+  const buttonPermissions = {
+    "市情指领导": ["肯定", "采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门"],
+    "市情指挥人员": ["采纳", "回退", "分组", "转线索", "转合成", "转会商", "打标签", "修改", "详情", "关注部门"],
+    "县情指人员": ["上报", "回退", "修改", "详情"],
+    "部门": ["上报", "新增", "修改", "续报", "详情"]
+  };
+
+  const role = getRole(); // 角色
+  const isHadAuth = buttonPermissions[role]?.includes(btnName) // 当前角色所有会显示的按钮
+  if (!isHadAuth) return false
+  // 拦截部分逻辑
+  if (role === '部门') {
+    if (btnName === '续报') return lczt != '01'
+    if (btnName === '修改') return lczt == '01'
+    // if(btnName === '上报') return lczt == '01'
+  }
+  return true
+}
+const handleTransferMerchant = (row) => {
+  currRow.value = row
+  isShowTransferMerchantTc.value = true
+}
+
+
+
 </script>
 
 <style lang="scss" scoped>

src/views/backOfficeSystem/HumanIntelligence/listView/index.vue

@@ -40,10 +40,10 @@
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link size="small" type="primary" @click="FollowUpOnLeads(row)">转线索</el-link>
+          <!-- <el-link size="small" type="primary" @click="FollowUpOnLeads(row)">转线索</el-link>
-          <el-link size="small" type="primary" @click="openFszl(row)">转合成</el-link>
+          <el-link size="small" type="primary" @click="openFszl(row)">转合成</el-link> -->
           <el-link size="small" type="primary" @click="openCheckProcess(row)">补充信息</el-link>
-              <el-link size="small" type="primary" @click="openCheckProcessXb(row)"> 续报</el-link>
+              <!-- <el-link size="small" type="primary" @click="openCheckProcessXb(row)"> 续报</el-link> -->
           <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
         </template>
       </MyTable>
@@ -72,7 +72,7 @@
   <MakeTag v-model="chooseRow" :dataList="dataList" :dict="{ D_BZ_CJLX, D_BZ_QBCZZT, D_GS_XS_LX, D_BZ_BQJB }"
     @getList="getList" />
   <pursueContent v-model="pursueShow" :dataList="dataList" :title="processtitle" />
-  <Fszl v-model="fszlShow"   :itemData="dataList"/>
+  <Fszl v-model="fszlShow"   :itemData="dataList" path="/mosty-gsxt/qbcjZhc/sendFqzl" />
    <!-- <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="yj"
       :tacitly="tacitly" /> -->
 </template>
@@ -106,9 +106,16 @@ const ids = ref([])
 const tableList = ref([]);
 onMounted(() => {
   const { deptBizType, deptLevel } = getItem('deptId')[0]
+  qxkz.userName = getItem('USERNAME')
   const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
   qxkz.deptBizType = deptBizType
   qxkz.deptLevel = Jb
+    if (deptBizType == '23' && Jb == '01') {
+    qxkz.depBool = true
+  } else {
+    qxkz.depBool = false
+  }
+
   getRouter()
   tabHeightFn()
   if (route.query.id) {
@@ -127,7 +134,8 @@ const chooseData = (val) => {
 }
 const qxkz = reactive({
   deptBizType: "",
-  deptLevel: ""
+  deptLevel: "",
+  userName:''
 })
 const list = ref()
 const searchConfiger = ref();
@@ -146,7 +154,7 @@ watch(() => D_BZ_BQJB, val => {
   searchConfiger.value = [
 { label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
   { label: "情报处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
-  { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
+  // { label: "线索编号", prop: 'xsBh', placeholder: "请输入线索编号", showType: "input" },
   { label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
   ]
 }, { deep: true, immediate: true })
@@ -179,14 +187,6 @@ const queryFrom = ref({});
 const chooseRow = ref(false)
 const dataList = ref()
 
-// 批量打标
-const batchMark = () => {
-  chooseRow.value = true
-  dataList.value = tableList.value
-}
-
-
-
 // 搜索
 const onSearch = (val) => {
   const { lrkssj, zxkssj } = val
@@ -218,8 +218,6 @@ const changeSize = (val) => {
 const getList = () => {
   pageData.tableConfiger.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value, qbjb: routerMate.value.qbjbList };
-
-
   xxcjSelectPage(data).then(res => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
@@ -273,18 +271,18 @@ const openCheckProcess = (item) => {
 }
 // 续报
 const openCheckProcessXb = (item) => {
+  if (qxkz.userName == item.xssbr) {
         processtitle.value = '信息续报'
   pursueShow.value = true
   dataList.value = item
-}
+  } else {
-// 转线索
+    proxy.$message({
-const instQbcjZxs = (item) => {
+      message: '您不是该情报的上报人，不能续报',
-  proxy.$confirm("确定要转线索吗？", "警告", { type: "warning" }).then(() => {
+      type: 'warning',
-    qbcjZxs({ qbid: item.id }).then(res => {
+      showClose: true,
-      proxy.$message({ type: "success", message: "转线索成功" });
-      getList();
-    })
     })
+  }
+
 }
 
 // 转线索
@@ -295,7 +293,6 @@ const FollowUpOnLeads = (row) => {
       type: 'warning',
       showClose: true,
     })
-    return
   } else {
       proxy.$confirm("确定要转线索吗？", "警告", { type: "warning" }).then(() => {
     xxcjXxzsx({ ids: Array.isArray(row) ? row.join(',') : row.id }).then(res => {
@@ -309,8 +306,15 @@ const FollowUpOnLeads = (row) => {
 // 转合成
 const fszlShow = ref(false)
 const openFszl = (item) => {
-  fszlShow.value = true
+  if (!qxkz.depBool) {
-  dataList.value = item
+    proxy.$message({
+      message: '权限不足',
+      type: 'warning',
+      showClose: true,
+    })
+  } else { fszlShow.value = true
+  dataList.value = item }
+
 }
 </script>
 

src/views/backOfficeSystem/IntelligentControl/DeploymentArea/xzqh.js

@@ -76655,12 +76655,14 @@ export const bm = {
 export const centralPoint = [
   {
     name: '墨脱县',
+    ssbmdm:'540423000000',
     point: [
       95.33050808900407,
       29.322011545645807
     ]
   }, {
     name: '巴宜区',
+    ssbmdm:'540402000000',
     point: [
       94.36040092147607,
       29.637028970765996
@@ -76668,30 +76670,35 @@ export const centralPoint = [
   },
   {
     name: '波密县',
+    ssbmdm:'540424000000',
     point: [
       95.7692249914358,
       29.85943760031867
     ]
   }, {
     name: '察隅县',
+    ssbmdm:'540425000000',
     point: [
       97.46698612723947,
       28.661228694163327
     ]
   }, {
     name: '工布江达县',
+    ssbmdm:'540421000000',
     point: [
       93.24660931130188,
       29.88459424127838
     ]
   }, {
     name: '朗县',
+    ssbmdm:'540426000000',
     point: [
       93.07449497318652,
       29.045416229209337
     ]
   }, {
     name: '米林县',
+    ssbmdm:'540422000000',
     point: [
       94.21305189935441,
       29.21583429482142

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/components/Communications/conferenceRoom.vue

@@ -46,6 +46,7 @@ import Footer from './footer.vue'
 // import useCallModule from '../sdk/call.js'
 const { proxy } = getCurrentInstance();
 // const Call = useCallModule()
+try {
   window.lemon.login.login({
     username: "linzhigongan1",
     password: "linzhigongan1",
@@ -58,6 +59,10 @@ const { proxy } = getCurrentInstance();
 
     })
 
+} catch (error) {
+  console.log('error: ', error);
+}
+
 
 const props = defineProps({
   modelValue: {

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/components/FeedbackForm.vue

@@ -0,0 +1,104 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="会商反馈" width="600px" :before-close="handleClose" destroy-on-close>
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+      <el-form-item label="反馈内容" prop="fknr">
+        <el-input v-model="form.fknr" type="textarea" :rows="6" placeholder="请输入反馈内容" maxlength="500" show-word-limit />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">取消</el-button>
+        <el-button type="primary" :loading="loading" @click="handleSave">
+          保存
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, nextTick } from 'vue'
+import { ElMessage } from 'element-plus'
+import { wshsHsfk } from '@/api/huiShangyp/onlineConsultationRoom.js'
+
+const emit = defineEmits(['success'])
+
+const dialogVisible = ref(false)
+const loading = ref(false)
+const formRef = ref()
+const currentHsid = ref('')
+
+const form = reactive({
+  fknr: ''
+})
+
+const rules = {
+  fknr: [
+    { required: true, message: '请输入反馈内容', trigger: 'blur' },
+    { min: 2, message: '反馈内容至少2个字符', trigger: 'blur' }
+  ]
+}
+
+// 打开弹框
+const open = (hsid) => {
+  currentHsid.value = hsid
+  form.fknr = ''
+  dialogVisible.value = true
+}
+
+// 关闭弹框
+const handleClose = () => {
+  dialogVisible.value = false
+  form.fknr = ''
+  currentHsid.value = ''
+  if (formRef.value) {
+    formRef.value.resetFields()
+  }
+}
+
+// 保存反馈
+const handleSave = async () => {
+  if (!formRef.value) return
+
+  try {
+    const valid = await formRef.value.validate()
+    if (!valid) return
+
+    loading.value = true
+
+    const params = {
+      hsid: currentHsid.value,
+      fknr: form.fknr
+    }
+
+    await wshsHsfk(params)
+
+    ElMessage.success('反馈保存成功')
+    handleClose()
+    emit('success') // 通知父组件刷新列表
+
+  } catch (error) {
+
+    ElMessage.error('保存失败，请重试')
+  } finally {
+    loading.value = false
+  }
+}
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+:deep(.el-textarea__inner) {
+  resize: vertical;
+}
+</style>

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/components/ViewFeedback.vue

@@ -0,0 +1,197 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="查看反馈"
+    width="800px"
+    :before-close="handleClose"
+  >
+    <div class="feedback-container" v-loading="loading">
+      <!-- 反馈列表 -->
+      <div class="feedback-list" v-if="currFkListList.length > 0">
+        <div
+          v-for="(feedback, index) in currFkListList"
+          :key="index"
+          class="feedback-item"
+        >
+          <div class="feedback-header">
+            <div class="user-info">
+              <el-avatar :size="32" :src="feedback.avatar">
+                {{ feedback.fkrxm?.charAt(0) || '用' }}
+              </el-avatar>
+              <span class="username">{{ feedback.fkrxm || '匿名用户' }}</span>
+            </div>
+            <div class="feedback-time" v-if="feedback.fksj">
+              {{ formatTime(feedback.fksj) }}
+            </div>
+          </div>
+          <div class="feedback-content">
+            {{ feedback.fknr }}
+          </div>
+        </div>
+      </div>
+
+      <!-- 暂无反馈 -->
+      <el-empty
+        v-else
+        description="暂无反馈信息"
+        :image-size="120"
+      />
+    </div>
+
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="handleClose">关闭</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+
+const dialogVisible = ref(false)
+const loading = ref(false)
+const currFkListList = ref([])
+
+// // 计算所有反馈列表
+// const currFkListList = computed(() => {
+//   let allFeedbacks = []
+
+//   if (currFkListList.value && Array.isArray(currFkListList.value)) {
+//     currFkListList.value.forEach(item => {
+//       if (item.fkList && Array.isArray(item.fkList)) {
+//         item.fkList.forEach(feedback => {
+//           allFeedbacks.push({
+//             ...feedback,
+//             // 如果有评论内容，也一并显示
+//             plnr: item.plnr
+//           })
+//         })
+//       }
+//     })
+//   }
+
+//   // 按时间排序（如果有时间字段）
+//   return allFeedbacks.sort((a, b) => {
+//     if (a.fksj && b.fksj) {
+//       return new Date(b.fksj) - new Date(a.fksj)
+//     }
+//     return 0
+//   })
+// })
+
+// 打开弹框
+const open = (fkList) => {
+  currFkListList.value = fkList || []
+  dialogVisible.value = true
+}
+
+// 关闭弹框
+const handleClose = () => {
+  dialogVisible.value = false
+  currFkListList.value = []
+}
+
+// 格式化时间
+const formatTime = (timeStr) => {
+  if (!timeStr) return ''
+  try {
+    const date = new Date(timeStr)
+    return date.toLocaleString('zh-CN', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit'
+    })
+  } catch (error) {
+    return timeStr
+  }
+}
+
+defineExpose({
+  open
+})
+</script>
+
+<style scoped>
+.feedback-container {
+  max-height: 500px;
+  overflow-y: auto;
+}
+
+.feedback-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.feedback-item {
+  border: 1px solid #e4e7ed;
+  border-radius: 8px;
+  padding: 16px;
+  background-color: #fafafa;
+  transition: all 0.3s ease;
+}
+
+.feedback-item:hover {
+  border-color: #409eff;
+  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
+}
+
+.feedback-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.username {
+  font-weight: 500;
+  color: #303133;
+  font-size: 14px;
+}
+
+.feedback-time {
+  font-size: 12px;
+  color: #909399;
+}
+
+.feedback-content {
+  color: #606266;
+  line-height: 1.6;
+  font-size: 14px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* 滚动条样式 */
+.feedback-container::-webkit-scrollbar {
+  width: 6px;
+}
+
+.feedback-container::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.feedback-container::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.feedback-container::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+</style>

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/components/detailForm.vue

@@ -50,9 +50,9 @@ const formData = ref([
   { label: "会商开始时间", prop: "hskssj", type: "datetime" },
   { label: "会商结束时间", prop: "hsjssj", type: "datetime" },
   { label: "会商内容", prop: "hsnr", type: "textarea", width: "100%" },
-  { label: "关联线索", prop: "glxsmc", type: "slot", },
+  // { label: "关联线索", prop: "glxsmc", type: "slot", },
   { label: "会商标题", prop: "hsbt", type: "input" },
-  { label: "参会人员", prop: "chryList", type: "slot" ,width:'100%'},
+  // { label: "参会人员", prop: "chryList", type: "slot" ,width:'100%'},
 ]);
 const listQuery = ref({}); //表单
 const loading = ref(false);

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/index.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="titleBox">
-    <PageTitle title="网上会议室55">
+    <PageTitle title="网上会议室">
       <el-button type="primary" @click="addEdit('add', '')">
-        <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+        <el-icon style="vertical-align: middle">
+          <CirclePlus />
+        </el-icon>
         <span style="vertical-align: middle">新增</span>
       </el-button>
     </PageTitle>
@@ -23,44 +25,54 @@
         </div>
         <div class="mid">
           <div class="left">
-            <div class="title ellipsis">参会人员：{{ item.chry }}</div>
+            <!-- <div class="title ellipsis">参会人员：{{ item.chry }}</div> -->
             <div class="desc">
               <div class="info ellipsis" v-for="(el, i) in item.xsplList" :key="i">{{ i + 1 }}、{{ el.plnr }}</div>
             </div>
           </div>
           <div class="right">
-            <el-button type="primary" size="small" @click="joinMeeting(item,'会议')">加入会议</el-button>
+            <el-button type="primary" size="small" @click="joinMeeting(item, '会议')">加入会议</el-button>
-            <el-button type="primary" size="small">反馈情况</el-button>
+            <el-button type="primary" size="small" @click="feedBack(item)">反馈情况</el-button>
-            <el-button type="primary" size="small">处置下发</el-button>
+            <el-button v-if="cityIntelligenceCommand" type="primary" size="small"
+              @click="disposeIssue(item)">处置下发</el-button>
           </div>
         </div>
 
         <div class="bottom">
+          <el-link type="primary" @click="viewFeedback(item)">
+            <el-icon>
+              <View />
+            </el-icon>查看反馈
+          </el-link>
           <el-popover placement="top" :visible="item.visible" :width="400" trigger="click">
             <template #reference>
-              <el-link type="primary"><el-icon><ChatDotSquare /></el-icon>评论</el-link>
+              <el-link type="primary"><el-icon>
+                  <ChatDotSquare />
+                </el-icon>评论</el-link>
             </template>
-              <MOSTY.Other filterable style="width: 100%;" v-model="comments" type="textarea" rows="3" clearable placeholder="发表评论"/>
+            <MOSTY.Other filterable style="width: 100%;" v-model="comments" type="textarea" rows="3" clearable
+              placeholder="发表评论" />
             <div class="mt10 flex just-center">
               <el-button size="small" type="primary" @click.stop="handleSumbit(item)">发送</el-button>
             </div>
           </el-popover>
-          <el-link type="primary" ><el-icon><VideoPlay /></el-icon>会议回放</el-link>
+          <el-link type="primary"><el-icon>
-          <el-link type="primary" @click="addEdit('edit', item)"><el-icon><Edit /></el-icon>编辑</el-link>
+              <VideoPlay />
-          <el-link type="danger" @click="delDictItem(item.id)"><el-icon><Delete /></el-icon>删除</el-link>
+            </el-icon>会议回放</el-link>
+          <el-link type="primary" @click="addEdit('edit', item)"><el-icon>
+              <Edit />
+            </el-icon>编辑</el-link>
+          <el-link type="danger" @click="delDictItem(item.id)"><el-icon>
+              <Delete />
+            </el-icon>删除</el-link>
         </div>
       </li>
       <MOSTY.Empty :show="!pageData.loading && pageData.list.length <= 0"></MOSTY.Empty>
     </ul>
-    <Pages
+    <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-      @changeNo="changeNo"
-      @changeSize="changeSize"
-      :tableHeight="pageData.tableHeight"
-      :pageConfiger="{
       ...pageData.pageConfiger,
       total: pageData.total
-      }"
+    }"></Pages>
-    ></Pages>
   </div>
   <!-- 详情 -->
   <DetailForm ref="detailDiloag" @updateDate="getList" />
@@ -68,31 +80,61 @@
   <ConferenceRoom v-model="conferenceRoomVisible" titleValue="会议详情" />
 
   <!-- 音视频会议窗口 -->
-  <MeetingView ref="refMeetingView"></MeetingView>
+  <MeetingView ref="refMeetingView" :update="updateItem"></MeetingView>
+
+  <!-- 反馈弹窗 -->
+  <FeedbackForm ref="feedbackFormRef" @success="getList" />
+
+  <!-- 查看反馈弹窗 -->
+  <ViewFeedback ref="viewFeedbackRef" />
+
+  <Information v-model="showDialog" title="发送指令" @submit="seedFqzl" @close='close'>
+    <SemdFqzl ref="semdFqzlRef" :itemData="itemData" @handleClose="handleClose" identification="meeting"
+      :tacitly="tacitly" />
+  </Information>
 
 </template>
 
 <script setup>
-  import MeetingView from '@/components/Consultation/demo.vue'
+import MeetingView from '@/components/Consultation/demo.vue'
-  import { ElMessageBox } from "element-plus";
+import { ElMessageBox } from "element-plus";
-  import * as MOSTY from "@/components/MyComponents/index";
+import * as MOSTY from "@/components/MyComponents/index";
-  import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
-  import Pages from "@/components/aboutTable/Pages.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
-  import Search from "@/components/aboutTable/Search.vue";
+import Search from "@/components/aboutTable/Search.vue";
-  import DetailForm from "./components/detailForm.vue";
+import DetailForm from "./components/detailForm.vue";
-  import RoomDetail from "./components/roomDetail.vue";
+import RoomDetail from "./components/roomDetail.vue";
-  import { useRoute, useRouter } from 'vue-router';
+import FeedbackForm from "./components/FeedbackForm.vue";
-  import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import ViewFeedback from "./components/ViewFeedback.vue";
-  import { reactive, ref, onMounted, getCurrentInstance,nextTick } from "vue";
+import { useRoute, useRouter } from 'vue-router';
-  import ConferenceRoom from "./components/Communications/conferenceRoom.vue";
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
-  const router = useRouter();
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
-  const route = useRoute();
+import ConferenceRoom from "./components/Communications/conferenceRoom.vue";
-  const { proxy } = getCurrentInstance();
+import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
-  const detailDiloag = ref();
+import Information from "@/views/home/model/information.vue";
-  const searchBox = ref(); //搜索框
+import { isShiQingZhi } from "@/utils/auth.js"
-  const openMeeting = ref(false); // 打开会议窗口
+
-  const refMeetingView = ref()
+const router = useRouter();
-  const searchConfiger = ref([
+const route = useRoute();
+const { proxy } = getCurrentInstance();
+const detailDiloag = ref();
+const searchBox = ref(); //搜索框
+const openMeeting = ref(false); // 打开会议窗口
+const refMeetingView = ref()
+const feedbackFormRef = ref() // 反馈弹窗引用
+const viewFeedbackRef = ref() // 查看反馈弹窗引用
+const semdFqzlRef = ref()
+/** 发送指令Item */
+const itemData = ref({})
+/** 市情指 */
+const cityIntelligenceCommand = ref(isShiQingZhi())
+/** 下发指令 */
+const showDialog = ref(false)
+const tacitly = {
+  // title:'ryXm'
+}
+
+const searchConfiger = ref([
   {
     label: "会议主题",
     prop: "hsbt",
@@ -104,10 +146,10 @@
     prop: "daterange",
     showType: "datetimerange"
   },
-  ]);
+]);
-  const comments = ref(''); // 评论内容
+const comments = ref(''); // 评论内容
-  const queryFrom = ref({});
+const queryFrom = ref({});
-  const pageData = reactive({
+const pageData = reactive({
   list: [],
   loading: false,
   total: 0,
@@ -115,78 +157,25 @@
     pageSize: 20,
     pageCurrent: 1
   },
-  });
+});
-  const jsonData = ref('')
+const jsonData = ref('')
-  onMounted(() => {
+/** 当前行数据 */
+const currRow = ref({})
+
+onMounted(() => {
   jsonData.value = require('@/components/Consultation/components/zh_CN.json');
-    nextTick(()=>{
-      Init();
-    })
   getList();
   tabHeightFn();
-  });
+});
-
-  const Init = () => {
-  let token = window.localStorage.getItem("rhToken");
-  if (!token) {
-    let userInfo = {
-      username: "linzhigongan2",
-      password: "linzhigongan2",
-      realm: "puc.com",
-      webpucUrl: "https://89.40.9.95:16888"
-    };
-    lemon.login.login(userInfo).then((esacpe) => {
-      token = esacpe.token;
-      window.localStorage.setItem("rhToken", esacpe.token);
-      getLoginAccountInfo();
-      fetchConferences()
-      // 注册会议管理相关事件
-      useConfernceEvent()
-    });
-  } else {
-    ConnectWebsocket(token);
-  }
-};
-
-const ConnectWebsocket = (token) => {
-  lemon.login.reConnectWebsocket({
-    username: "linzhigongan2",
-    realm: "puc.com",
-    webpucUrl: "https://89.40.9.95:16888",
-    token: token
-  }).then((resp) => {
-      if(resp.result != 0){
-        ElMessage.error(jsonData.value['errorCode'][resp.result]);
-        exsit()
-      }else{
-        getLoginAccountInfo()
-        fetchConferences()
-        // 注册会议管理相关事件
-        useConfernceEvent()
-      }
-  });
-};
-
-const  getLoginAccountInfo =() =>{
-    lemon.login.getLoginAccountInfo().then(res => {
-        let info = JSON.stringify(res.account_info)
-        window.localStorage.setItem("rhInfo",info);
-        window.localStorage.setItem("user_basedata_id",res.account_info.basedata_id);
-   }).catch(err => {
 
+const updateItem = (item) => {
+  qcckPost(item, '/mosty-gsxt/wshs/update').then(res => {
+    getList();
   })
 }
 
-const exsit = () =>{
+// 搜索
-    lemon.login.logout().then(res=> {
+const onSearch = (val) => {
-
-   }).catch(err=> {
-
-   })   
-}
-
-  // 搜索
-  const onSearch = (val) => {
   queryFrom.value = { ...val };
   if (val.daterange && val.daterange.length > 0) {
     queryFrom.value.startTime = val.daterange[0];
@@ -197,24 +186,24 @@ const exsit = () =>{
   }
   pageData.pageConfiger.pageCurrent = 1;
   getList();
-  };
+};
 
-  const changeNo = (val) => {
+const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   getList();
-  };
+};
-  const changeSize = (val) => {
+const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
   getList();
-  };
+};
 
-  // 获取列表
+// 获取列表
-  const getList = () => {
+const getList = () => {
   pageData.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
   delete data.daterange; // 删除daterange字段
-    if(route.query.tsypid) data.tsypid = route.query.tsypid;
+  if (route.query.tsypid) data.tsypid = route.query.tsypid;
-    qcckGet(data,'/mosty-gsxt/wshs/selectPage').then(res=>{
+  qcckGet(data, '/mosty-gsxt/wshs/selectPage').then(res => {
     let arr = res.records || [];
     arr.forEach(item => {
       item.chry = item.chryList ? item.chryList.map(el => el.chryxm).join('、') : '';
@@ -223,77 +212,108 @@ const exsit = () =>{
     pageData.list = arr;
     pageData.total = res.total;
     pageData.loading = false;
-    }).catch(()=>{ pageData.loading = false; })
+  }).catch(() => { pageData.loading = false; })
-  };
+};
 
-    // 提交评论
+// 提交评论
-  const handleSumbit = (item) => {
+const handleSumbit = (item) => {
   if (!comments.value) return proxy.$message({ type: "warning", message: "评论内容不能为空" });
   proxy.$message({ type: "success", message: "评论已发送" });
-    qcckPost({id:item.id,plnr:comments.value},'/mosty-gsxt/wshs/addWshyPl').then((res)=>{
+  qcckPost({ id: item.id, plnr: comments.value }, '/mosty-gsxt/wshs/addWshyPl').then((res) => {
     getList();
     item.visible = false; // 关闭评论弹窗
     comments.value = ''; // 清空评论内容
   })
-  };
+};
-  // 加入会议
+// 加入会议
-  const joinMeeting = (item,type) => {
+const joinMeeting = (item, type) => {
   item.number = item.hybh;
-    refMeetingView.value.openInit(item,type)
+  refMeetingView.value.openInit(item, type)
-  };
+};
+// 反馈情况
+const feedBack = (item) => {
+  feedbackFormRef.value.open(item.id);
+};
 
-  // 删除
+
-const delDictItem = (id) =>{
+// 查看反馈
-  proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
+const viewFeedback = (item) => {
-    qcckPost({id},'/mosty-gsxt/wshs/delete').then(()=>{
+  viewFeedbackRef.value.open(item.fkList || []);
+};
+
+// 删除
+const delDictItem = (id) => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    qcckPost({ id }, '/mosty-gsxt/wshs/delete').then(() => {
       proxy.$message({ type: "success", message: "删除成功" });
       getList();
     })
-  }).catch(() => {});
+  }).catch(() => { });
 }
 
-  // 详情
+// 详情
-  const addEdit = (type, row) => {
+const addEdit = (type, row) => {
   detailDiloag.value.init(type, row);
-  };
+};
 
-  // 表格高度计算
+// 表格高度计算
-  const tabHeightFn = () => {
+const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
-    window.onresize = function () {
+  window.onresize = function() {
     tabHeightFn();
   };
 };
 
 
-  // 会议详情弹窗
+// 会议详情弹窗
 const conferenceRoomVisible = ref(false);
 
+
+const seedFqzl = () => {
+  semdFqzlRef.value.getsendFqzl()
+}
+
+const handleClose = () => {
+  showDialog.value = false;
+}
+
+// 处置下发
+const disposeIssue = (item) => {
+  showDialog.value = true;
+  itemData.value = item
+
+};
 </script>
 
 <style lang="scss" scoped>
-  .el-loading-mask {
+.el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
-  }
+}
-  .tabBox {
+
+.tabBox {
   .pageSearch {
     margin-bottom: 0 !important;
+
     .box {
       align-items: center !important;
     }
   }
+
   :deep(.pageSearch .box .item) {
     margin-bottom: 0 !important;
   }
-  }
+}
-  .btns {
+
+.btns {
   padding: 10px 20px;
-  }
+}
-  .list {
+
+.list {
   height: calc(100% - 10px);
   gap: 10px;
   margin: 0 15px;
   overflow: auto;
+
   .list-item {
     display: inline-block;
     border: 1px solid #ccc;
@@ -303,28 +323,34 @@ const conferenceRoomVisible = ref(false);
     border-radius: 5px;
     padding: 10px;
     margin: 10px 5px;
+
     &:hover {
       border-color: rgb(124, 195, 253);
       background-color: rgba(190, 233, 255, 0.582);
     }
+
     &:hover .mid {
       border-color: rgb(124, 195, 253);
     }
+
     &:hover .desc {
       background-color: rgb(190, 233, 255);
     }
+
     .title {
       color: black;
       font-size: 14px;
       font-weight: 700;
       margin-bottom: 5px;
     }
+
     .info {
       color: #a5a1a1;
       font-size: 12px;
 
       line-height: 1.5;
     }
+
     .desc {
       margin-top: 5px;
       background-color: rgb(242, 242, 242);
@@ -335,6 +361,7 @@ const conferenceRoomVisible = ref(false);
       overflow: hidden;
       overflow-y: auto;
     }
+
     .mid {
       border: 1px dashed rgb(124, 195, 253);
       border-left: 0;
@@ -342,13 +369,16 @@ const conferenceRoomVisible = ref(false);
       padding: 10px 0;
       display: flex;
       justify-content: space-between;
+
       .left {
         width: calc(100% - 80px);
+
         .title {
           font-size: 14px;
           color: black;
           margin-bottom: 5px;
         }
+
         .info {
           font-size: 12px;
           color: #a5a1a1;
@@ -358,15 +388,18 @@ const conferenceRoomVisible = ref(false);
 
       .right {
         width: 80px;
-          .el-button + .el-button {
+
+        .el-button+.el-button {
           margin-left: 0;
           margin-top: 5px;
         }
       }
     }
+
     .bottom {
       display: flex;
       justify-content: flex-end;
+
       :deep(.el-link--inner) {
         display: flex;
         align-items: center;
@@ -374,5 +407,5 @@ const conferenceRoomVisible = ref(false);
       }
     }
   }
-  }
+}
 </style>

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/sdk/call.js

@@ -1,714 +0,0 @@
-// import {  Notification } from '@arco-design/web-vue';
-import { ElNotification, ElMessage } from 'element-plus'
-import emitter from "@/utils/eventBus.js";
-// import handleCallingNotification from '../hooks/callingNotification';
-
-let call_id;
-let hangup_event_cb_id;
-let force_hangup_event_cb_id;
-let answer_ack_cb_id;
-let incoming_cb_id;
-let floor_grant_cb_id;
-
-// Whether it is a pushVideoFile call
-// 是否为视频推送的呼叫
-let pushing_video = false;
-// monitor call list
-// 值守呼叫列表
-const monitor_call_list = [];
-
-export default function useCallModule() {
-  // we allow only one call exist in demo.but actually,sdk supports more
-
-  /**
-   * make private vioce call,return nothing,receive result in callback
-   * This interface has been expanded to support  makeGroupVoiceCall、makeDispatcherVoiceCall、makeConferenceVoiceCall、makeCrosspatchVoiceCall
-   * 这个接口已扩展，除了支持语音单呼外，还支持语音组呼、语音呼叫调度员、语音会议、群组呼叫。
-   * @param record who you wanna call
-   * @returns
-   */
-  const makeVoiceCall = (record) => {
-    if (call_id) {
-      console.warn('we allow only one call exist,please hangup first');
-      return;
-    }
-
-    window.lemon.call
-      .makeVoiceCall({ basedata_id: record.basedata_id, hook_flag: 0 })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-        console.info('makeVoiceCall succ,registerCallEstablishEvent', call_id);
-      });
-
-    // test
-    // window.lemon.call.changeCamera({ call_id, target_camera: 0 });
-
-    // also can use  this makecall method,the method provides the most comprehensive call capability
-    // For example, Voice private call, ensure that the basedata_id is a private
-    // window.lemon.call
-    //   .makeCall({
-    //     callee_guid: record.basedata_id,
-    //     attribute: {
-    //       call_type: 0,
-    //       call_mode: 0,
-    //       duplex_flag: 0,
-    //     },
-    //   })
-    //   ?.then((resp) => {
-    //     console.info('makeCall succ,resp', resp);
-    //     call_id = resp.call_id;
-    //   });
-
-    // For example, Voice group call,ensure that the basedata_id is a group
-    // window.lemon.call
-    //   .makeCall({
-    //     callee_guid: record.basedata_id,
-    //     attribute: {
-    //       call_type: 1,
-    //       call_mode: 0,
-    //       duplex_flag: 0, // group call  ,the value must be 0
-    //     },
-    //   })
-    //   ?.then((resp) => {
-    //     console.info('makeCall succ,resp', resp);
-    //     call_id = resp.call_id;
-    //   });
-  };
-  /**
-   * make private video call,call with vioce and video,return nothing,receive result in callback
-   * This interface has been expanded to support makeGroupVideoCall、makeDispatcherVideoCall、makeConferenceVideoCall
-   * 这个接口已扩展，除了支持视频单呼外，还支持视频组呼、视频呼叫调度员、视频会议
-   * @param record who you wanna call
-   * @returns
-   */
-  const makeVideoCall = (record) => {
-    if (call_id) {
-      console.warn('we allow only one call exist,please hangup first');
-      return;
-    }
-    window.lemon.call
-      .makeVideoCall({ basedata_id: record.basedata_id, video_frame_size: 3 })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-
-        console.warn('makeVideoCall succ,call_id=', call_id);
-      });
-
-    // also can use  this makecall method,the method provides the most comprehensive call capability
-    // For example, Video private call (with voice), ensure that the basedata_id is a private
-    // window.lemon.call
-    //   .makeCall({
-    //     callee_guid: record.basedata_id,
-    //     attribute: {
-    //       call_type: 11,
-    //       call_mode: 2,
-    //       duplex_flag: 1,
-    //     },
-    //     video_frame_size: window.lemon.call.getMaxFrameSize(),
-    //   })
-    //   ?.then((resp) => {
-    //     console.info('makeCall succ,resp', resp);
-    //     call_id = resp.call_id;
-    //   });
-
-    // For example, Video group call,ensure that the basedata_id is a group
-    // window.lemon.call
-    //   .makeCall({
-    //     callee_guid: record.basedata_id,
-    //     attribute: {
-    //       call_type: 13,
-    //       call_mode: 2,
-    //       duplex_flag: 0, // group call  ,the value must be 0
-    //     },
-    //     video_frame_size: window.lemon.call.getMaxFrameSize(),
-    //   })
-    //   ?.then((resp) => {
-    //     console.info('makeCall succ,resp', resp);
-    //     call_id = resp.call_id;
-    //   });
-  };
-  const makeGroupVideoCall = (record) => {
-    if (call_id) {
-      console.warn('we allow only one call exist,please hangup first');
-      return;
-    }
-    window.lemon.call
-      .makeGroupVideoCall({
-        basedata_id: record.basedata_id,
-        video_frame_size: 3,
-      })
-      ?.then((resp) => {
-        console.log('makeGroupVideoCall call_id = ', call_id);
-        call_id = resp.call_id;
-      });
-  };
-  const makeGroupVoiceCall = (record) => {
-    if (call_id) {
-      console.warn('we allow only one call exist,please hangup first');
-      return;
-    }
-    window.lemon.call
-      .makeGroupVoiceCall({
-        basedata_id: record.basedata_id,
-      })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-
-  const makeCrosspatchVoiceCall = (record) => {
-    window.lemon.call
-      .makeCrosspatchVoiceCall({ basedata_id: record.basedata_id })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-
-  /**
-   * 视频上拉
-   * make pure video call,only video, no voice
-   * @param record who you wanna call
-   * @returns
-   */
-  const pureVideoCall = (record) => {
-    if (call_id) {
-      console.warn('we allow only one call exist,please hangup first');
-      return;
-    }
-    window.lemon.call
-      .pullVideo({ basedata_id: record.basedata_id, hook_flag: 0 })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-  /**
-   * 环境监听
-   * @param record
-   */
-  const voiceDetect = (record) => {
-    window.lemon.call
-      .makeCall({
-        callee_guid: record.basedata_id,
-        attribute: {
-          call_type: 0,
-          call_mode: 0,
-          duplex_flag: 0,
-          ambience_flag: 1,
-        },
-      })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-
-  /**
-   * 环境监视
-   * @param record
-   */
-  const videoDetect = (record) => {
-    window.lemon.call
-      .makeCall({
-        callee_guid: record.basedata_id,
-        attribute: {
-          call_type: 11,
-          call_mode: 2,
-          duplex_flag: 0,
-          ambience_flag: 1,
-        },
-      })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-  /**
-   * 音频会议
-   * @param record
-   */
-  const makeConferenceVoiceCall = (record) => {
-    window.lemon.call
-      .makeConferenceVoiceCall({
-        basedata_id: record.basedata_id,
-      })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-  /**
-   * 音视频会议
-   * @param record
-   */
-  const makeConferenceVideoCall = (record) => {
-    window.lemon.call
-      .makeConferenceVideoCall({
-        basedata_id: record.basedata_id,
-      })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-
-  // 广播呼叫
-  // Broadcast Call
-  const makeBroadcastCall = (record) => {
-    window.lemon.call
-      .makeCall({
-        callee_guid: record.basedata_id,
-        attribute: {
-          call_type: 3,
-          call_mode: 0,
-        },
-      })
-      ?.then((resp) => {
-        call_id = resp.call_id;
-      });
-  };
-
-  /**
-   * hangup call
-   */
-  const hangup = (id) => {
-    console.info('try hangup,call_id=', call_id);
-    console.info('try hangup,id=', id);
-
-    window.lemon.call
-      .hangupCall({ call_id: id || call_id })
-      ?.then(() => {
-        call_id = undefined;
-        window.calling_conference = undefined;
-        // console.log('22222registerCallEstablishEven');
-      })
-      .catch((err) => {
-        console.error('hangup call error,', err);
-      });
-  };
-
-  /**
-   *  接听呼叫
-   * answer call
-   */
-  const answerCall = () => {
-    ElNotification.close(call_id);
-
-    window.lemon.call
-      .answerCall({ call_id })
-      ?.then(() => {
-        // display alert ui
-        ElNotification.close(call_id);
-      })
-      .catch((err) => {
-        console.error('answer call error,', err);
-      });
-  };
-
-  // 禁麦
-  // mute the microphone
-  const setMuteMic = (mute) => {
-    return window.lemon.call.muteMic({
-      call_id,
-      is_mute: mute,
-    });
-  };
-
-  // 禁摄像头
-  //  disable the camera
-  const setMuteCamera = (mute) => {
-    return window.lemon.call.muteCamera({
-      call_id,
-      is_mute: mute,
-    });
-  };
-  //  静音
-  //  mute call
-  const setMuteCall = (mute) => {
-    return window.lemon.call.muteCall({
-      call_id,
-      is_mute: mute,
-    });
-  };
-
-  const removeMonitorCall = (callId) => {
-    const index = monitor_call_list.findIndex(
-      (item) => item.call_id === callId
-    );
-    if (index >= 0) {
-      monitor_call_list.splice(index, 1);
-      emitter.emit('monitorUpdate');
-    }
-  };
-
-  const getMonitorCallList = () => {
-    return monitor_call_list;
-  };
-
-  // 添加 挂断 回调
-  // After hanging up the call, you can receive a notification and process the style of the current page based on the notification
-  const registerhangupEvent = () => {
-    if (hangup_event_cb_id !== undefined) {
-      return;
-    }
-
-    hangup_event_cb_id = window.lemon.call.addHangupEvt((data) => {
-      console.info('receive hangup event');
-      console.info(
-        'receive hangup event receive call id',
-        String(data.call_id)
-      );
-      console.info('receive hangup event local call id', String(call_id));
-      if (data.call_id === call_id) {
-        // remove display alert ui
-        ElNotification.close(call_id);
-        call_id = undefined;
-        window.calling_conference = undefined;
-        // console.log('2222211111registerCallEstablishEvent');
-      }
-
-      // pushVideoFile uninit
-      // 如果是视频推送的，挂断是反初始化一些东西。
-      if (pushing_video) {
-        window.video.src = undefined;
-        window.showVideo.value = false;
-        pushing_video = false;
-        window.videoViewRoot.style.display = 'none';
-      }
-      removeMonitorCall(data.call_id);
-    });
-  };
-
-  // 添加强拆事件
-  const registerForceHangupEvent = () => {
-    if (force_hangup_event_cb_id !== undefined) {
-      return;
-    }
-    force_hangup_event_cb_id = window.lemon.call.addForceHangupEvt((data) => {
-      // 目前强拆成功，都是走挂断通知事件。  当失败了，才走强拆事件通知。
-      if (data.result === 0) {
-        if (data.call_id === call_id) {
-          ElNotification.close(call_id);
-          call_id = undefined;
-          window.calling_conference = undefined;
-        }
-        removeMonitorCall(data.call_id);
-      } else {
-        // 强拆失败   fail
-        ElMessage.error("强拆失败");
-      }
-    });
-  };
-
-  // 添加接听回调通知 代表呼叫建立
-  // receive the answer acknowledgement asynchronously after the call is established
-  const registerCallEstablishEvent = () => {
-    if (answer_ack_cb_id !== undefined) {
-      return;
-    }
-    answer_ack_cb_id = window.lemon.call.addAnswerAckEvt((data) => {
-      // console.info('registerCallEstablishEvent0', call_id);
-      console.info('registerCallEstablishEvent', String(data.call_id));
-      console.info('registerCallEstablishEvent', JSON.stringify(data));
-
-      call_id = data.call_id;
-      //  pushVideoFile init
-      // 接通后，视频推送的文件开始播放
-      if (pushing_video) {
-        window.videoViewRoot.style.display = 'unset';
-        window.showVideo.value = true;
-        window.video.play();
-      }
-    });
-  };
-
-  // 注册来电通知回调
-  // add the incoming call callback
-  const registerReceiveCallEvent = () => {
-    if (incoming_cb_id !== undefined) {
-      return;
-    }
-    incoming_cb_id = window.lemon.call.addIncomingEvt((session) => {
-      console.log('receive call------>', session);
-      call_id = session.call_id;
-      const callingReq = {
-        callInfo: session,
-        equipment: undefined,
-        text: {
-          calling: '队列',
-          answer: '接听',
-          hangUp: '挂断',
-        },
-      };
-      console.log('receive this------>', useCallModule());
-      if (session.listen_flag) {
-        // monitor call,auto answer call
-        // 值守的来电呼叫,自动接听
-        window.lemon.call.answerCall({ call_id: session.call_id });
-        monitor_call_list.push(session);
-
-        emitter.emit('monitorUpdate');
-      } else {
-        // normal call
-        // 正常来电，弹框询问接听
-        // handleCallingNotification(callingReq);
-      }
-    });
-  };
-
-  // 申请话权
-  // apply floor
-  const applyFloor = () => {
-    console.info('try applyFloor,call_id=', call_id);
-    if (!call_id) {
-      console.warn('no call exits');
-      return undefined;
-    }
-    return window.lemon.floor
-      .applySpeak({ call_id })
-      ?.then((resp) => {
-        if (resp.result === 0) {
-          console.log('applyFloor request sucess');
-        } else {
-          ElMessage.error("申请话权失败");
-        }
-      })
-      .catch((err) => {
-        console.error('applyFloor error,', err);
-      });
-  };
-
-  // 释放话权
-  // release floor
-  const releaseFloor = () => {
-    console.info('try releaseFloor,call_id=', call_id);
-    return window.lemon.floor
-      .releaseSpeak({ call_id })
-      ?.then((resp) => {
-        if (resp.result === 0) {
-          console.log('releaseSpeak request sucess');
-        } else {
-          ElMessage.error("释放话权失败");
-        }
-      })
-      .catch((err) => {
-        console.error('releaseSpeak error,', err);
-      });
-  };
-
-  // add floor event
-  // 添加话权通知事件
-  const registerFloorGrantEvent = () => {
-    if (floor_grant_cb_id !== undefined) {
-      return;
-    }
-    floor_grant_cb_id = window.lemon.floor.addGrantEvt((grantInfo) => {
-      console.log('registerFloorGrantEvent', grantInfo);
-      if (grantInfo.result !== 0) {
-        ElMessage.error("话权申请失败");
-      }
-    });
-  };
-
-  //  强拆
-  //  override the call
-  const forceHangupCall = (callId) => {
-    return window.lemon.call
-      .forceHangupCall({ call_id: callId || call_id })
-      ?.then((resp) => {
-        if (resp.result === 0) {
-          console.log('forceHangupCall request sucess');
-        } else {
-          ElMessage.error("强拆失败");
-        }
-        call_id = undefined;
-        window.calling_conference = undefined;
-        // console.log('2222233registerCallEstablishEven');
-      })
-      .catch((err) => {
-        console.error('forceHangupCall error,', err);
-      });
-  };
-  //  强插
-  //  interrupt the call during monitoring
-  const forceApplySpeak = (callId) => {
-    return window.lemon.floor
-      .forceApplySpeak({ call_id: callId || call_id })
-      ?.then((resp) => {
-        if (resp.result === 0) {
-          console.log('forceApplySpeak request sucess');
-          call_id = callId;
-        } else {
-          ElMessage.error("强插失败");
-        }
-      })
-      .catch((err) => {
-        console.error('forceApplySpeak error,', err);
-      });
-  };
-
-  /**
-   * 会议成员禁言
-   * mute or unmute a conference member
-   * @param param
-   *  @param param.conference_basedata_id
-   */
-  const muteMemberInConference = (
-    conference_basedata_id,
-    member_basedata_id,
-    mute
-  ) => {
-    return window.lemon.call.conferenceMemberSpeakSet({
-      conference_call_id: call_id,
-      conference_basedata_id,
-      member_setting: {
-        member_basedata_id,
-        forbid: mute ? 1 : 0,
-      },
-    });
-  };
-
-  /**
-   * 视频推送
-   * select a local video file and play then push the stream to remote
-   * @param record
-   * @param file
-   * @returns
-   */
-  const pushVideoFile = (record, url) => {
-    console.info('try pushVideoFile,call_id=', call_id);
-    if (call_id) {
-      console.warn('call exits');
-      return;
-    }
-    console.warn('window.video', window.video);
-    // set the file to video tag
-    if (window.video) {
-      const canPlayListener = () => {
-        window.video.removeEventListener('canplay', canPlayListener);
-        // capture stream
-        const stream = (window.video)?.captureStream();
-        console.info('pushVideoFile,inited stream=', stream);
-        // register hook listner ,play the video when remote hooked
-        registerCallEstablishEvent();
-        // init the call
-        window.lemon.call
-          .pushVideoFile({
-            basedata_id: record?.basedata_id,
-            stream,
-          })
-          ?.then((resp) => {
-            pushing_video = true;
-            call_id = resp.call_id;
-          });
-      };
-
-      const endListener = () => {
-        console.info('pushVideoFile,video play end');
-        window.video.removeEventListener('ended', endListener);
-        hangup();
-      };
-      // maybe did't finish the video,so that we has listener already,remove it
-      window.video.removeEventListener('ended', endListener);
-      console.info('pushVideoFile,add canplay Event Listener', canPlayListener);
-      window.video.addEventListener('canplay', canPlayListener);
-      // hangup the call when video finished
-      console.info('pushVideoFile,add ended Event Listener', endListener);
-      window.video.addEventListener('ended', endListener);
-      window.video.autoplay = false;
-      window.video.src = url;
-    }
-  };
-
-  /**
-   * 视频转发
-   * share a exist call to another device
-   * @param record
-   * @param stop
-   * @returns
-   */
-  const forwardVideoCall = (record, stop) => {
-    console.info('try forwardVideoCall,call_id=', call_id);
-    if (!call_id) {
-      console.warn('no call exits,can not forward');
-      ElMessage.warning('no call exits');
-      return undefined;
-    }
-    return window.lemon.call
-      .forwardVideoCall({
-        basedata_id: record?.basedata_id,
-        call_id,
-        action: stop ? 1 : 0,
-      })
-      ?.then((resp) => {
-        if (resp.result === 0) {
-          console.log('forwardVideoCall request sucess');
-        } else {
-          ElMessage.error("视频转发失败");
-        }
-      })
-      .catch((err) => {
-        console.error('forwardVideoCall error,', err);
-      });
-  };
-
-  const getEmitter = () => {
-    return emitter;
-  };
-
-  // call sdk unInit
-  const unInit = () => {
-    call_id = undefined;
-
-    if (hangup_event_cb_id) {
-      window.lemon.call.removeHangupEvt(hangup_event_cb_id);
-      hangup_event_cb_id = undefined;
-    }
-    if (force_hangup_event_cb_id) {
-      window.lemon.call.removeForceHangupEvt(force_hangup_event_cb_id);
-      force_hangup_event_cb_id = undefined;
-    }
-    if (answer_ack_cb_id) {
-      window.lemon.call.removeAnswerAckEvt(answer_ack_cb_id);
-      answer_ack_cb_id = undefined;
-    }
-    if (incoming_cb_id) {
-      window.lemon.call.removeIncomingEvt(incoming_cb_id);
-      incoming_cb_id = undefined;
-    }
-    if (floor_grant_cb_id) {
-      window.lemon.floor.removeGrantEvt(floor_grant_cb_id);
-      floor_grant_cb_id = undefined;
-    }
-    monitor_call_list.length = 0;
-  };
-
-  return {
-    makeVoiceCall,
-    makeVideoCall,
-    pureVideoCall,
-    registerhangupEvent,
-    registerReceiveCallEvent,
-    answerCall,
-    makeGroupVoiceCall,
-    makeGroupVideoCall,
-    makeBroadcastCall,
-    hangup,
-    voiceDetect,
-    videoDetect,
-    applyFloor,
-    releaseFloor,
-    setMuteCamera,
-    setMuteMic,
-    setMuteCall,
-    muteMemberInConference,
-    makeConferenceVoiceCall,
-    makeConferenceVideoCall,
-    makeCrosspatchVoiceCall,
-    registerCallEstablishEvent,
-    pushVideoFile,
-    forwardVideoCall,
-    forceHangupCall,
-    getMonitorCallList,
-    getEmitter,
-    forceApplySpeak,
-    registerFloorGrantEvent,
-    registerForceHangupEvent,
-    unInit,
-  };
-}

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/sdk/callingNotification.ts

@@ -1,37 +0,0 @@
-// import { h } from 'vue';
-// import { Notification } from '@arco-design/web-vue';
-// import { IconClose } from '@arco-design/web-vue/es/icon';
-// import Content from '@/views/webPuc/callingNotification/components/content.vue';
-// import Footer from '@/views/webPuc/callingNotification/components/footer.vue';
-// import { formatShowNameFin } from './format-show-name';
-
-// export default function handleCallingNotification(propsObj) {
-//   const { callInfo, text } = propsObj;
-//   const { calling, answer = 'answer', hangUp = 'hang up' } = text;
-//   Notification.info({
-//     id: callInfo.call_id,
-//     showIcon: false,
-//     position: 'bottomLeft',
-//     closable: true,
-//     closeIconElement: () => {
-//       return h(IconClose);
-//     },
-//     title: () =>
-//       h(Content, {
-//         callInfo,
-//         calling,
-//         getName: formatShowNameFin(
-//           callInfo.caller_alias,
-//           callInfo.caller_number
-//         ),
-//       }),
-//     content: () =>
-//       h(Footer, {
-//         callInfo,
-//         answer,
-//         hangUp,
-//       }),
-//     duration: 0,
-//     style: { width: '260px' },
-//   });
-// }

src/views/backOfficeSystem/JudgmentHome/ResearchHome/index.vue

@@ -104,11 +104,12 @@ import LineEcharts from "@/views/home/echarts/moreLineEcharts.vue";
 import MyTable from "@/components/aboutTable/DarkTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import { useRoute, useRouter } from 'vue-router';
-import {tbJqGetPageList } from '@/api/yj.js'
+import {tbJqGetPageList,xsajSelectPage } from '@/api/yj.js'
 const router = useRouter();
 import { nextTick, onMounted, reactive, getCurrentInstance, ref, watch } from 'vue';
 const { proxy } = getCurrentInstance();
 const { JQLB } = proxy.$dict("JQLB"); //获取字典数据
+const {GA_D_XSAJXALBDM} = proxy.$fzdict("GA_D_XSAJXALBDM"); //获取字典数据
 const readonly_lx = ref(false)
 const readonly_ry = ref(false)
 const readonly_dd = ref(false)
@@ -195,10 +196,11 @@ const list = reactive([
       pageSize: 6,
     },
     tableColumn: [
-      { label: "案件编号", prop: "ajbh", showOverflowTooltip: true },
+      { label: "案件编号", prop: "asjbh", showOverflowTooltip: true },
-      { label: "案件内容", prop: "ajnr", showOverflowTooltip: true },
+      { label: "案件标题", prop: "ajmc", showOverflowTooltip: true },
-      { label: "案件类型", prop: "ajlx", showOverflowTooltip: true },
+       { label: "简要案情", prop: "jyaq", showOverflowTooltip: true },
-      { label: "案件时间", prop: "ajsj", showOverflowTooltip: true },
+      { label: "案件类型", prop: "ajxlbDmbcms", showOverflowTooltip: true },
+      { label: "案件时间", prop: "asjfssjAsjfskssj", showOverflowTooltip: true },
     ],
   },
   {
@@ -243,11 +245,20 @@ watch(() => JQLB.value, (val) => {
     deep: true, immediate: true
   })
 onMounted(() => {
+
+
   // getCount(); //获取统计数据
   tabHeightFn()
   getJqList() //警情列表
+  getAjList()//案件列表
 });
+// 获取字典
+const getxsajDictSelectList = () => {
+  xsajDictSelectList().then(res => {
+    console.log(res);
 
+  })
+}
 const getCount = () => {
   // 获取处置状态统计
   qcckPost({}, '/mosty-gsxt/qbcj/getXscjTjByXslx').then(res => {
@@ -275,12 +286,13 @@ const changeNo = (e, type) => {
       break;
     case '案件':
       list[2].pageConfiger.page = e;
+       getAjList()
       break;
     case '风险隐患':
       list[3].pageConfiger.page = e;
       break;
   }
-  getJqList()
+  // getJqList()
 }
 const changeSize = (e, type) => {
   switch (type) {
@@ -293,6 +305,7 @@ const changeSize = (e, type) => {
       break;
     case '案件':
       list[2].pageConfiger.pageSize = e;
+      getAjList()
       break;
     case '风险隐患':
       list[3].pageConfiger.pageSize = e;
@@ -316,6 +329,26 @@ const getJqList = () => {
     obj.data_hstj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
   })
 }
+const getAjList = () => {
+  let params = {
+    pageCurrent: list[2].pageConfiger.page,
+    pageSize: list[2].pageConfiger.pageSize,
+  }
+  console.log("执行");
+
+  xsajSelectPage(params).then(res => {
+    list[2].tableList = res.records || [];
+    list[2].pageConfiger.total = res.total;
+
+    // //模拟的统计警情接口
+    // obj.data_lxtj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
+    // obj.data_hstj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
+  })
+}
+    // xsajSelectPage(promes).then(res => {
+    //   list[2].tableList = res.records || [];
+    //   list[2].pageConfiger.total = res.total;
+    // })
 
 
 
@@ -420,7 +453,6 @@ const onSearch = () => {
     })
 
 
-
   } else {
     ElMessage.warning('请选择查询条件')
   }

src/views/backOfficeSystem/JudgmentHome/internalAuditor/index.vue

@@ -0,0 +1,206 @@
+<template>
+  <div>
+    <div class="titleBox">
+      <PageTitle title="内部审核" />
+    </div>
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
+    </div>
+    <!-- 表格 -->
+    <div class="tabBox">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <template #bglx="{ row }">
+          <DictTag :tag="false" :value="row.bglx" :options="D_BZ_YPLX" />
+        </template>
+        <template #ypfs="{ row }">
+          <DictTag :tag="false" :value="row.ypfs" :options="D_BZ_YPFS" />
+        </template>
+        <template #shzt="{ row }">
+          <span v-if="row.shzt == '01'">审批中</span>
+          <span v-if="row.shzt == '02'">已审批</span>
+          <span v-if="row.shzt == '03'">已驳回</span>
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link size="small" type="danger" @click="internalAudit(row.id)">内部审批</el-link>
+          <el-link size="small" type="primary" @click="createProcess(row)">提交上级</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <SubmissionProcess v-model="showSp" :data="rowData" :userData="{ ajmc: '研判审核', flowType: 'YPSH', modelName: '研判' }"
+    :path="fixedValue" @getList="getList" />
+  <Ypdolog v-model="showYpdolog" :dataList="dataList" @getList="getList" />
+</template>
+
+<script setup>
+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 { useRoute, useRouter } from 'vue-router'
+import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
+import { ypbgSjzlQueryShList } from "@/api/huiShangyp/strategicApi.js";
+import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
+import Ypdolog from './ypdolog.vue'
+const { proxy } = getCurrentInstance();
+const { D_BZ_YPFS, D_BZ_YPLX, D_GS_BQ_LX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX", "D_GS_BQ_LX")
+
+const searchBox = ref(); //搜索框
+const router = useRouter();
+const route = useRoute();
+
+onMounted(() => {
+  tabHeightFn()
+  if (route.query.id) {
+    nextTick(() => {
+      addForm.value && addForm.value.init('edit', {
+        id: route.query.id
+      });
+      router.replace({ path: '/tacticalResearch' })// 移除id 避免刷新一直带参数
+    })
+  }
+  getList()
+});
+const searchConfiger = ref([
+  { label: "研判议题", prop: 'ypyt', placeholder: "请输入研判议题", showType: "input" },
+]);
+
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 240,
+  tableColumn: [
+    { label: "研判议题", prop: "ypyt" },
+    { label: "报告类型", prop: "bglx", showSolt: true },
+    { label: "审核状态", prop: "shzt", showSolt: true },
+    { label: "研判时间", prop: "ypsj" },
+    { label: "研判要求", prop: "ypyq" },
+    { label: "发起部门", prop: "ssbm" },
+    { label: "研判方式", prop: "ypfs", showSolt: true },
+  ]
+});
+
+const queryFrom = ref({});
+// 搜索
+const onSearch = (val) => {
+  const promes = {
+    ...val,
+    ...pageData.pageConfiger,
+  }
+  queryFrom.value = { ...promes }
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+// 获取列表
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  ypbgSjzlQueryShList(data).then(res => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => { pageData.tableConfiger.loading = false; })
+}
+// 工作流
+const showSp = ref(false);
+const rowData = ref()
+// 固定值
+const fixedValue = {
+  clueVerification: 'information',
+  byMeansOf: 'ypbg/sjzl/sendFqzl',
+  nobyMeansOf: 'ypbg/sjzl/sendFqzl',
+  recycle: 'ypbg/sjzl/sendFqzl',
+}
+const createProcess = (row) => {
+
+  if (row.shzt == '02') {
+    showSp.value = true;
+    rowData.value = row
+  } else {
+    proxy.$message({
+      message: '请先内部审批',
+      type: 'warning'
+    })
+  }
+
+}
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () {
+    tabHeightFn();
+  };
+};
+// 内部审核
+const showYpdolog = ref(false)
+const dataList = ref({})
+const internalAudit = (row) => {
+  dataList.value = row
+  showYpdolog.value = true
+};
+
+
+</script>
+
+<style lang="scss" scoped>
+.label-pop {
+  position: relative;
+
+  &::before {
+    position: absolute;
+    content: '*';
+    top: 0;
+    left: -7px;
+    color: red;
+  }
+}
+</style>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+
+:v-deep .el-dialog {
+  width: 90% !important;
+}
+
+.zdy-model-dialogs {
+  /* background-color: rgb(50, 148, 214); */
+  background: url("~@/assets/images/bg46.png") no-repeat center center;
+  background-size: 100% 100%;
+  padding: 8px 10px;
+  box-sizing: border-box;
+  pointer-events: auto !important;
+  height: calc(100% - 50px);
+  overflow: auto;
+}
+</style>

src/views/backOfficeSystem/JudgmentHome/internalAuditor/information.vue

@@ -0,0 +1,186 @@
+<template>
+  <div class="information-container">
+    <h2 class="page-title">研判详情</h2>
+    <div class="info-section">
+      <div class="info-row">
+        <div class="info-item">
+          <span class="label">研判议题：</span>
+          <span class="value">{{ detail.ypyt || '暂无' }}</span>
+        </div>
+        <div class="info-item">
+          <span class="label">研判方式：</span>
+          <span class="value">
+            <DictTag v-if="detail.ypfs && D_BZ_YPFS" :tag="false" :value="detail.ypfs" :options="D_BZ_YPFS" />
+            <span v-else>暂无</span>
+          </span>
+        </div>
+      </div>
+      <div class="info-row">
+        <div class="info-item">
+          <span class="label">报告类型：</span>
+          <span class="value">
+            <DictTag v-if="detail.bglx && D_BZ_YPLX" :tag="false" :value="detail.bglx" :options="D_BZ_YPLX" />
+            <span v-else>暂无</span>
+          </span>
+        </div>
+        <div class="info-item">
+          <span class="label">研判时间：</span>
+          <span class="value">{{ detail.ypsj || '暂无' }}</span>
+        </div>
+      </div>
+      <div class="info-row">
+        <div class="info-item">
+          <span class="label">研判要求：</span>
+          <span class="value">{{ detail.ypyq || '暂无' }}</span>
+        </div>
+        <div class="info-item">
+          <span class="label">发起部门：</span>
+          <span class="value">{{ detail.ssbm || '暂无' }}</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- 新增数据展示模块 -->
+    <div class="data-section">
+      <h3 class="section-title">研判部门详情</h3>
+      <el-table :data="detail.cyypList" stripe style="width: 100%" border>
+        <el-table-column prop="ypbmmc" label="研判部门" min-width="150" />
+        <el-table-column prop="scyq" label="上传要求" min-width="200" />
+        <el-table-column prop="fj" label="附件" min-width="150" show-overflow-tooltip>
+          <template #default="scope">
+            <span v-if="scope.row.fj">
+              <span v-for="(file, index) in JSON.parse(scope.row.fj)" :key="index">
+                {{ file.name }}<span v-if="index < JSON.parse(scope.row.fj).length - 1">、</span>
+              </span>
+            </span>
+            <span v-else>暂无</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="wcqk" label="完成情况" min-width="120">
+          <template #default="scope">
+              {{ scope.row.wcqk == '01' ? '准备中' : '已完成' }}
+
+          </template>
+        </el-table-column>
+        <el-table-column prop="wcsj" label="完成时间" min-width="180" />
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import DictTag from '@/components/DictTag/index.vue';
+import { onMounted ,ref,getCurrentInstance} from 'vue';
+import { useRoute } from 'vue-router'
+import {sjzlGetInfo} from '@/api/yj'
+const props = defineProps({
+
+  /** 字典数据 */
+  dict: {
+    type: Object,
+    default: () => ({})
+  }
+});
+const route = useRoute();
+const { proxy } = getCurrentInstance();
+const {D_BZ_YPFS, D_BZ_YPLX}=proxy.$dict("D_BZ_YPFS","D_BZ_YPLX");
+const detail=ref({});
+// 新增：存储用户提供的研判部门详情数据
+const departmentData=ref([
+   {
+     "id": "ae9c8db058fc4bc6b18bc98ab6ef0abd",
+     "sjzlid": "1d538226c8c94577ab3e97f67e7e90bf",
+     "ypbmdm": "540421000000",
+     "ypbmmc": "工布江达县",
+     "scyq": "测试",
+     "fj": "[{\"id\":null,\"name\":\"app登录接口.txt\"}]",
+     "wcqk": "02",
+     "wcsj": "2025-12-26 15:12:29"
+   },
+   {
+     "id": "eef7b85a85784ea4b5211e4330162720",
+     "sjzlid": "1d538226c8c94577ab3e97f67e7e90bf",
+     "ypbmdm": "540402000000",
+     "ypbmmc": "巴宜区",
+     "scyq": "测试",
+     "fj": "[{\"id\":null,\"name\":\"Mosty888.csr\"}]",
+     "wcqk": "02",
+     "wcsj": "2025-12-26 15:12:29"
+   }
+ ]);
+onMounted(() => {
+  console.log(route.query.id);
+  sjzlGetInfo(route.query.id).then(res => {
+  detail.value=res;
+console.log(res);
+ })
+});
+// /ypbg/sjzl/{id}
+</script>
+
+<style lang="scss" scoped>
+.information-container {
+  width: 100%;
+  padding: 20px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.page-title {
+  color: #303133;
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.info-section {
+  width: 100%;
+}
+
+.info-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 15px;
+}
+
+.info-item {
+  flex: 1;
+  min-width: 300px;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: flex-start;
+}
+
+.label {
+  font-weight: bold;
+  color: #606266;
+  margin-right: 12px;
+  width: 100px;
+  text-align: right;
+  line-height: 32px;
+}
+
+.value {
+  color: #303133;
+  flex: 1;
+  line-height: 32px;
+  word-break: break-word;
+}
+
+/* 新增：数据展示模块样式 */
+.data-section {
+  margin-top: 30px;
+  padding-top: 20px;
+  border-top: 1px solid #e8e8e8;
+}
+
+.section-title {
+  color: #303133;
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 15px;
+}
+</style>

src/views/backOfficeSystem/JudgmentHome/internalAuditor/ypdolog.vue

@@ -0,0 +1,92 @@
+<template>
+  <el-dialog v-model="modelValue" title="内部审核" width="35%" @close="closeDialog" destroy-on-close append-to-body>
+    <div style="height: 15vh; overflow: auto;">
+      <el-form ref="ruleFormRef" :rules="rules" :model="form" label-width="auto" style="max-width: 600px">
+        <el-form-item label="审核状态" prop="shzt">
+          <el-radio-group v-model="form.shzt">
+            <el-radio label="02">通过</el-radio>
+            <el-radio label="03">拒绝</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="审核意见" prop="shyj">
+          <el-input v-model="form.shyj" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+
+      </el-form>
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closeDialog(ruleFormRef)">取消</el-button>
+        <el-button type="primary" @click="submitForm(ruleFormRef)">确认 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { ref, reactive, getCurrentInstance, watch } from "vue";
+import { ypbgSjzlYpsp } from '@/api/huiShangyp/strategicApi.js'
+const { proxy } = getCurrentInstance()
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  dataList: {
+    type: Object,
+    default: () => ({})
+  }
+})
+const emit = defineEmits(['update:modelValue','getList'])
+const closeDialog = (formEl) => {
+  if (!formEl) return
+  formEl.resetFields()
+  emit('update:modelValue', false)
+}
+const rules = reactive({
+  shzt: [
+    { required: true, message: '请选择审核状态', trigger: 'blur' }
+  ],
+  shyj: [
+    { required: true, message: '请输入审核意见', trigger: 'blur' }
+  ]
+})
+const ruleFormRef = ref(null)
+const form = reactive({
+  shzt: '',
+  shyj: ''
+})
+
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      const promise = {
+        ...form,
+        ypid: props.dataList
+      }
+
+      ypbgSjzlYpsp(promise).then(res => {
+        proxy.$message({
+          message: '操作成功',
+          type: 'success'
+        })
+        emit('getList')
+          formEl.resetFields()
+       emit('update:modelValue', false)
+      })
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+
+
+
+
+</script>
+
+<style scoped></style>

src/views/backOfficeSystem/JudgmentHome/strategicResearch/addForm.vue

@@ -8,20 +8,19 @@
       </div>
     </div>
     <div style="padding-bottom: 0px;" class="form_cnt">
-      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title === '详情'">
         <template #bmList>
           <div class="table-box">
             <el-table :data="tableList" border style="width: 100%">
               <el-table-column prop="ypbmmc" label="部门" width="150" align="center" />
-              <el-table-column label="研判素材" width="280" align="center">
+              <el-table-column label="研判素材" width="380" align="center">
                 <template #default="{ row }">
-                  <el-input v-model="row.scyq" :disabled="true" placeholder="请输入研判素材" />
+                  <el-input v-model="row.scyq" placeholder="请输入研判素材" />
                 </template>
               </el-table-column>
               <el-table-column label="附件" width="200" align="center">
                 <template #default="{ row }">
-                  <UploadFile v-model="row.fj" :disabled="true" :limit="1" :isImg="false"
+                  <UploadFile v-model="row.fj" :limit="1" :isImg="false" :isAll="true" />
-                    :isAll="true" />
                 </template>
               </el-table-column>
               <el-table-column prop="wcqk" label="完成状态" width="120" align="center">
@@ -91,17 +90,29 @@
 </template>
 
 <script setup>
+/**
+ * @typedef {Object} JudgmentDept 研判部门对象
+ * @property {string} ypbmdm - 研判部门代码
+ * @property {string} ypbmmc - 研判部门名称
+ * @property {string} scyq - 素材要求
+ * @property {Array} fj - 附件数组
+ * @property {string} wcqk - 完成情况（01 准备中、02 已完成）
+ */
+
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import UploadFile from "@/components/MyComponents/Upload/index.vue";
 // import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue"
 import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, watch, computed } from "vue";
-import { sjzlAddEntity, sjzlEditEntity, sjzlGetInfo, sjzlPerfectlnfo, sjzlFstz, sjzlQryp, sjzlPerfectSorce } from '@//api/yj.js'
+import { sjzlGetInfo, sjzlPerfectlnfo, sjzlFstz, sjzlQryp, sjzlPerfectSorce } from '@//api/yj.js'
+import { selfBuildJudgment } from "@/api/huiShangyp/tacticalApi.js"
 // import { tacticalGet, strategicDelete } from "@/api/huiShangyp/strategicApi.js";
 import { getItem } from '@//utils/storage.js'
 
 const emit = defineEmits(["updateDate", "getList"]);
 const props = defineProps({
-  dict: Object
+  dict: Object,
+  /** 报告类型 01 战术研判 02战略研判 */
+  bglx: String,
 });
 const imgMsg = ref([])
 const { proxy } = getCurrentInstance();
@@ -147,7 +158,7 @@ watch(() => props.dict, (val) => {
     formData.value = [
       { label: "研判议题", prop: "ypyt", type: "input", width: '48%' },
       { label: "研判时间", prop: "ypsj", type: "datetime", width: '48%' },
-      { label: "报告类型", prop: "bglx", type: "radio", options: props.dict.D_BZ_YPLX, width: '48%' },
+      { label: "报告类型", prop: "bglx", type: "radio", options: props.dict.D_BZ_YPLX, width: '48%', disabled: true },
       { label: "研判方式", prop: "ypfs", type: "radio", options: props.dict.D_BZ_YPFS, width: '48%' },
       { label: "参与研判部门", prop: "jsdxBmDm", type: "department", multiple: true, depMc: 'jsdxBmMc', width: '48%' },
       { label: "研判要求", prop: "ypyq", type: "textarea", width: '100%' },
@@ -165,6 +176,8 @@ function updateDis(row) {
   const isFinish = row.wcqk === '02'
   return isShiQingBaoZhongXin.value || !iscjr || isFinish
 }
+
+/** 获取附件数组 */
 function getFjArr(fj) {
   if (typeof fj !== 'string' || !fj) return []
   let fjArr = []
@@ -176,15 +189,16 @@ function getFjArr(fj) {
   return fjArr
 }
 watch(() => listQuery.value.jsdxBmDm, (val) => {
-  /** @type {Array<{ypbmdm: string, ypbmmc: string, scyq: string, fj: Array, wcqk: string}>} 参与研判部门数据数组 */
+  /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
   const arr = Array.isArray(val) ? val : []
+  /** @type {Array}   参与研判部门*/
   const cyypList = Array.isArray(listQuery.value.cyypList) ? listQuery.value.cyypList : []
 
   tableList.value = arr.map((item, i) => {
     /** 找原来的对象 */
     const curr = cyypList.find(item2 => item2.ypbmdm == item) || {}
     /** 是否是新增 */
-    const isAddForm = !listQuery.value.id
+    const isAddForm = !listQuery.value?.id
     return {
       // id: null,
       // sjzlid: null, // 研判战略研判ID
@@ -203,13 +217,24 @@ watch(() => listQuery.value.jsdxBmDm, (val) => {
 const init = (type, row, wjlb) => {
   dialogForm.value = true;
   title.value = type == "add" ? "新增" : type == "edit" ? "编辑" : "详情";
-  outRow.value = row || {}
+  outRow.value = row
-  if (row) { getDataById(row.id) }
+  if (row) {
+    getDataById(row.id)
+  } else {
+    listQuery.value = {
+      bglx: props.bglx,  // 报告类型 01 战术研判 02战略研判
+      ypfs: undefined, // 研判方式
+      ypsj: undefined, // 研判时间
+      ypyq: undefined, // 研判要求
+      cyypList: [], // 参与研判部门数据数组
+    }
+  }
 };
 // 根据id查询详情
 const getDataById = (id) => {
   sjzlGetInfo(id).then((res) => {
     listQuery.value = res || {};
+    /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
     const cyypList = Array.isArray(res.cyypList) ? res.cyypList : []
     listQuery.value.jsdxBmDm = cyypList.map(item => {
       return item.ypbmdm
@@ -219,17 +244,17 @@ const getDataById = (id) => {
     })
   });
 };
+/** 获取附件json字符串 */
 function getFjString(arr) {
   arr = Array.isArray(arr) ? arr : []
   return JSON.stringify(arr)
 }
 /**获取下发部门数据 */
 const getXfbmList = () => {
+  /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
   const cyypList = Array.isArray(listQuery.value.cyypList) ? listQuery.value.cyypList : []
-
   return tableList.value.map((item, i) => {
-
+    /** @type {JudgmentDept} 找原来的对象   */
-    /** 找原来的对象 */
     const curr = cyypList.find(item => item.ypbmdm == item.ypbmdm) || {}
     return {
       id: curr.id || null,
@@ -252,21 +277,14 @@ const submit = () => {
     let params = {
       ...listQuery.value,
       cyypList: xfbmList,
-      // cyypList: listQuery.value.jsdxBmDm.map((item, index) => {
-      //   return {
-      //     ypbmdm: item,
-      //     ypbmmc: listQuery.value.jsdxBmMc[index],
-      //     ypcylx: '01'
-      //   }
-      // })
     };
     try {
       loading.value = true;
       let res
       if (title.value == "新增") {
-        res = await sjzlAddEntity(params)
+        res = await selfBuildJudgment(params)
       } else {
-        res = await sjzlEditEntity(params)
+        // res = await sjzlEditEntity(params)// 目前没有修改
       }
       if (res && res > 0) {
         loading.value = false;
@@ -358,7 +376,7 @@ const submitMaterialAction = async () => {
     closeMaterialDialog()
     if (outRow.value.id) { getDataById(outRow.value.id) }
   } catch (error) {
-    console.log(error)
+
   } finally {
     materialLoading.value = false
   }
@@ -384,7 +402,7 @@ const sendNotice = () => {
       proxy.$message({ type: "success", message: "下发通知成功" });
       close();
     } catch (error) {
-      console.log(error);
+
     } finally {
       noticeLoading.value = false;
     }
@@ -405,7 +423,7 @@ const confirmJudgment = () => {
       proxy.$message({ type: "success", message: "确认研判成功" });
       close();
     } catch (error) {
-      console.log(error);
+
     } finally {
       confirmLoading.value = false;
     }

src/views/backOfficeSystem/JudgmentHome/strategicResearch/addMeeting.vue

@@ -0,0 +1,137 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">创建会议{{ title }} </span>
+      <div>
+        <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+        <!-- <template #glxsmc>
+          <el-input placeholder="请选择关联线索" @click="chooseVisiblexS = true" readonly v-model="listQuery.glxsmc"></el-input>
+        </template> -->
+        <template #chryList>
+          <el-input placeholder="请选择参会人员" @click="openMeetings = true" readonly v-model="listQuery.rymc"></el-input>
+        </template>
+      </FormMessage>
+    </div>
+  </div>
+  <Personnel v-model="openMeetings" />
+  <ChooseUser v-model="chooseVisible" :Single="false" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
+  <Xslist v-model="chooseVisiblexS" @choosed="choosed" :roleIds="roleIdsxs"></Xslist>
+</template>
+
+<script setup>
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
+// import Xslist from '@/components/ChooseList/ChooseXs/index.vue'
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import Personnel from '@/views/backOfficeSystem/JudgmentHome/MeetingRoom/components/Communications/personnel.vue'
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, } from "vue";
+import dayjs from 'dayjs';
+
+const emit = defineEmits(["updateDate"]);
+
+const roleIds = ref([]); //角色id
+const chooseVisible = ref(false);
+const roleIdsxs = ref([]); //角色id
+const chooseVisiblexS = ref(false);
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  hskssj: [{ required: true, message: "请选择会商开始时间", trigger: "change" }],
+  hsjssj: [{ required: true, message: "请选择会商结束时间", trigger: "change" }],
+  hsnr: [{ required: true, message: "请输入会商内容", trigger: "blur" }],
+  hsbt: [{ required: true, message: "请输入会商标题", trigger: "blur" }],
+  // glxsmc: [{ required: true, message: "请选择关联线索", trigger: "change" }],
+  chryList: [{ required: true, message: "请选择参会人员", trigger: "change" }],
+});
+const formData = ref([
+  { label: "会商开始时间", prop: "hskssj", type: "datetime" },
+  { label: "会商结束时间", prop: "hsjssj", type: "datetime" },
+  { label: "会商内容", prop: "hsnr", type: "textarea", width: "100%" },
+  // { label: "关联线索", prop: "glxsmc", type: "slot", },
+  { label: "会商标题", prop: "hsbt", type: "input" },
+  // { label: "参会人员", prop: "chryList", type: "slot" ,width:'100%'},
+]);
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const outRow = ref({})
+// 初始化数据
+const init = (type, row, outRowObj = {}) => {
+  outRow.value = outRowObj
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : "编辑";
+  if (row) {
+    getDataById(row.id)
+  } else {
+    listQuery.value = {
+      hskssj: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      hsjssj: dayjs().add(1, "hour").format("YYYY-MM-DD HH:mm:ss"),
+    }
+  }
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  qcckGet({ id }, "/mosty-gsxt/wshs/selectByid").then((res) => {
+    res.rymc = res.chryList ? res.chryList.map(v => v.chryxm).join(",") : '';
+    res.chryList = res.chryList ? res.chryList.map(item => item.chryid) : [];
+    roleIds.value = res.chryList;
+    roleIdsxs.value = res.glxsid ? [res.glxsid] : [];
+    listQuery.value = res;
+  });
+};
+
+const handleUserSelected = (userData) => {
+  roleIds.value = userData.map(item => item.id);
+  listQuery.value.chryList = userData.map(item => item.id)
+  listQuery.value.rymc = userData.map(item => item.userName).join("、");
+};
+
+const choosed = (data) => {
+  listQuery.value.glxsmc = data[0].xsMc;
+  listQuery.value.glxsid = data[0].id;
+  roleIdsxs.value = data.map(item => item.id);
+};
+
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    let url = title.value == "新增" ? "/mosty-gsxt/wshs/add" : "/mosty-gsxt/wshs/update";
+    let params = {
+      ...data,
+      glxsid: outRow.value.id,
+      glxsmc: outRow.value.xsMc,
+     };
+    loading.value = true;
+    qcckPost(params, url).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("updateDate");
+      close();
+    }).catch(() => { loading.value = false; });
+  });
+};
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  roleIds.value = [];
+  roleIdsxs.value = [];
+  dialogForm.value = false;
+  loading.value = false;
+};
+// 选择参会人员
+const openMeetings = ref(false)
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+</style>

src/views/backOfficeSystem/JudgmentHome/strategicResearch/addReport.vue

@@ -0,0 +1,273 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">报告{{ title }} </span>
+      <div>
+        <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage :formList="formData" v-model="listQuery" ref="elform" :rules="rules">
+        <template #bgnr>
+          <el-input v-model="listQuery.bgnr" style="width: 100%" placeholder="请输入关键字" class="input-with-select">
+            <template #append>
+              <el-button :icon="Search" type="primary">搜索</el-button>
+            </template>
+          </el-input>
+        </template>
+        <template #fj><el-button type="primary" @click="showText = true">附件上传</el-button></template>
+      </FormMessage>
+      <div class="cntBox">
+        <!-- 工具栏 -->
+        <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig"
+          :mode="mode" />
+        <!-- 编辑器 -->
+        <Editor :style="`height: 480px; overflow-y: hidden`" v-model="textContent" :defaultConfig="editorConfig"
+          :mode="mode" @onCreated="handleCreated" @onChange="handChange" />
+
+      </div>
+      <div v-if="outRow.id" style="display: flex; justify-content: center;">
+        <!-- <el-button style="display: block;" type="primary" @click="ConsultationShow = true">网上会商</el-button> -->
+        <el-button style="display: block;" type="primary" @click="downloadWithStyles(textContent)">下载</el-button>
+      </div>
+    </div>
+  </div>
+  <!-- 文字解析 -->
+  <ExtractionText v-model="showText" @change="getText"></ExtractionText>
+  <!-- 网上会商 -->
+  <!-- <Consultation v-model="ConsultationShow" /> -->
+</template>
+
+<script setup>
+import { Search } from '@element-plus/icons-vue'
+import { timeValidate } from '@/utils/tools.js'
+import ExtractionText from "@/components/ExtractionText/index.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import "@wangeditor/editor/dist/css/style.css";
+// import Consultation from './consultation.vue'
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, shallowRef, onBeforeUnmount, watch } from "vue";
+import { gsxtYpbgAddEntity, gsxtYpbgEditEntity } from "@/api/huiShangyp/tacticalApi.js"
+
+const emit = defineEmits(["updateDate", 'ok']);
+const props = defineProps({
+  dic: Object,
+});
+
+
+const ConsultationShow = ref(false)
+const showText = ref(false);
+const textContent = ref()
+const { proxy } = getCurrentInstance();
+const editorRef = shallowRef();
+const dialogForm = ref(false); //弹窗
+const mode = "default";
+const dataBt = ref(`<p class="html_bt">
+    <h4 style=\"text-align: center;\"><span style=\"color: rgb(225, 60, 57); font-size: 32px; font-family: 标楷体;\">林芝市公安局情指中心</span></h4>
+    <h4 style=\"text-align: center;\"><span style=\"color: rgb(225, 60, 57); font-size: 32px; font-family: 标楷体;\">研判专刊（初稿）</span></h4></p>
+      <p style="text-align: center;"><span style="color: rgb(225, 60, 57); font-size: 22px; font-family: 标楷体;">市公安局情指中心编</span></p>
+      <p style="text-align: center;"><span style="color: rgb(225, 60, 57); font-size: 22px; font-family: 标楷体;"> ${timeValidate(new Date(), 'td')}</span></p>
+      <hr/>`)
+//编辑器配置
+const editorConfig = {
+  withCredentials: true, //允许跨域
+  placeholder: props.placeholder, //提示语
+  MENU_CONF: {
+    uploadImage: {
+      // 自定义上传图片
+      async customUpload(file, insertFn) {
+        let fileBlob = await compressImage(file);
+        let fileData = new File([fileBlob], fileBlob.name, { type: fileBlob.type });
+        if (fileData.size > 2 * 1024 * 1024) {
+          ElMessage({ message: "图片超过2MB", type: "success" });
+        } else {
+          await uploadFn(fileData, insertFn);
+        }
+      }
+    },
+    uploadVideo: {
+      // 自定义上传视频
+      async customUpload(file, insertFn) {
+        await uploadFn(file, insertFn);
+      }
+    }
+  }
+};
+
+//工具配置
+const toolbarConfig = {
+  excludeKeys: ["blockquote", "codeBlock"] //清除不必要的工具，引用和代码块
+};
+const rules = reactive({
+  jymc: [
+    { required: true, message: "请输入经验名称", trigger: "blur" }
+  ],
+  fbnr: [
+    { required: true, message: "请输入经验内容", trigger: "blur" }
+  ]
+});
+const formData = ref([
+  { label: "报告名称", prop: "bgmc", type: "input", width: "100%", blur: setEditorTextContent },
+  { label: "报告内容", prop: "bgnr", type: "slot", width: "100%", blur: setEditorTextContent },
+  // { label: "附件内容", prop: "fj", type: "slot", width: "100%" },
+]);
+const listQuery = ref({
+  bgmc: "",
+  bgnr: "",
+  fj: ""
+}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+/** 外面行数据 */
+const outRow = ref({})
+
+
+// 初始化数据
+const init = (type, reportData, row) => {
+
+  listQuery.value = {
+    bgmc: reportData.bgmc,
+    bgnr: reportData.bgnr,
+    id: reportData.id,
+    // fj: reportData.fj
+  }
+  outRow.value = { ...row }
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : "编辑";
+  setEditorTextContent()
+};
+const getText = (val, row = {}) => {
+  listQuery.value.fj = val.text;
+  setEditorTextContent()
+}
+
+function setEditorTextContent() {
+  let html = dataBt.value;
+
+
+  html += `<p style="text-align: center;"><span style="font-size: 22px;">${listQuery.value.bgmc || ''}</span></p>`
+  html += `<p>${listQuery.value.fj || ''}</p>`
+  textContent.value = html
+}
+
+// watch(() => listQuery.value, (val) => {
+
+// },
+//   {
+//     deep: true, immediate: true
+//   })
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    // let url = title.value == "新增" ? "/mosty-gsxt/gsxt/jyfx/add" : "/mosty-gsxt/gsxt/jyfx/edit";
+
+    let params = {
+      ...data,
+      ypid: outRow.value.id,
+      ypmc: outRow.value.ypyt
+    };
+    const apiFun = !listQuery.value.id ? gsxtYpbgAddEntity : gsxtYpbgEditEntity
+    if (!listQuery.value.id) delete params.id
+    apiFun(params).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("ok");
+      close();
+    }).catch(() => {
+      loading.value = false;
+    })
+  });
+};
+//编辑器创建成功
+const handleCreated = (editor) => {
+  editorRef.value = editor;
+};
+//内容发生变化
+const handChange = (editor) => {
+  // 判断是否是一个空段落，是空就传空文本
+
+
+};
+onBeforeUnmount(() => {
+  const editor = editorRef.value;
+  if (editor) editor.destroy();
+});
+
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  loading.value = false;
+  dialogForm.value = false;
+  listQuery.value = {}
+};
+
+
+// 带样式的下载方法
+const downloadWithStyles = (textContent) => {
+
+  const wordDocument = `
+    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
+    <head>
+      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+      <title>富文本导出</title>
+      <style>
+        /* 应用两端对齐样式 */
+        body {
+          text-align: justify;
+          text-justify: inter-character; /* 中文文本两端对齐 */
+          font-family: "Microsoft YaHei", Arial, sans-serif;
+        }
+        p {
+          text-align: justify;
+          text-justify: inter-character;
+        }
+      </style>
+    </head>
+    <body>
+      ${textContent}
+    </body>
+    </html>
+  `;
+
+  const blob = new Blob([wordDocument], {
+    type: 'application/msword'
+  });
+
+  saveAs(blob, '战略研判报告.doc');
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.boxlist {
+  width: 99%;
+  margin-top: 10px;
+}
+
+::v-deep .el-textarea__inner {
+  min-height: 550px !important;
+}
+
+.html_bt>>>p {
+  color: red;
+}
+
+.html_bt {
+  h4 {
+    margin: 10px 0 !important;
+  }
+}
+
+.cntBox {
+  width: 80vw;
+  margin: 0 auto;
+}
+</style>

src/views/backOfficeSystem/JudgmentHome/strategicResearch/index.vue

@@ -2,12 +2,12 @@
   <div>
     <div class="titleBox">
       <PageTitle title="战略研判">
-        <!-- <el-button type="primary" @click="getDataById('add', '')">
+        <el-button type="primary" @click="selfCreateResearch('add')">
           <el-icon style="vertical-align: middle">
             <CirclePlus />
           </el-icon>
-          <span style="vertical-align: middle">新增</span>
+          <span style="vertical-align: middle">自建研判</span>
-        </el-button> -->
+        </el-button>
 
       </PageTitle>
     </div>
@@ -28,7 +28,10 @@
         <!-- 操作 -->
         <template #controls="{ row }">
           <!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> -->
+                       <el-link size="small" type="danger" @click="getypbgSjzlTjspId(row.id)" >提交申请</el-link>
           <el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
+          <el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link>
+          <el-link size="small" type="success" @click="createMeeting(row)">创建会议</el-link>
           <el-link size="small" type="danger" @click="deleteFile(row)">删除</el-link>
         </template>
       </MyTable>
@@ -38,7 +41,12 @@
       }"></Pages>
     </div>
   </div>
-  <AddForm ref="addForm" @getList="getList" :dict="{ D_BZ_YPFS, D_BZ_YPLX }" />
+  <AddForm ref="addForm" :bglx="bglx" @getList="getList" :dict="{ D_BZ_YPFS, D_BZ_YPLX }" />
+
+  <!-- 创建报告 -->
+  <addReport ref="reportTc" :row="currRow" :dic="{ D_GS_BQ_LX }" @ok="getList" />
+  <!-- 创建报告 -->
+  <addMeeting ref="meetingTc" :row="currRow" @updateDate="getList" />
 </template>
 
 <script setup>
@@ -46,21 +54,33 @@ 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 { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
-import { tacticalGet, strategicDelete } from "@/api/huiShangyp/strategicApi.js";
+import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js";
-import { reactive, ref, onMounted, getCurrentInstance, watch,computed } from "vue";
+import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
+import {ypbgSjzlTjspId} from "@/api/huiShangyp/strategicApi.js"
+import addReport from "./addReport.vue";
 import AddForm from "./addForm.vue";
+import addMeeting from "./addMeeting.vue";
 const { proxy } = getCurrentInstance();
-const { D_BZ_YPFS, D_BZ_YPLX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX")
+const { D_BZ_YPFS, D_BZ_YPLX, D_GS_BQ_LX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX", "D_GS_BQ_LX")
-const detailDiloag = ref();
+
+/** 报告弹框 */
+const reportTc = ref();
+/** 会议弹框 */
+const meetingTc = ref();
 const searchBox = ref(); //搜索框
+const router = useRouter();
+const route = useRoute();
+
 onMounted(() => {
   tabHeightFn()
   if (route.query.id) {
-    detailDiloag.value.init('edit', {
+    nextTick(() => {
+      addForm.value && addForm.value.init('edit', {
         id: route.query.id
       });
-    return
+      router.replace({ path: '/tacticalResearch' })// 移除id 避免刷新一直带参数
+    })
   }
   getList()
 });
@@ -98,8 +118,12 @@ const pageData = reactive({
     { label: "发起部门", prop: "ssbm" },
   ]
 });
-const queryFrom = ref({});
 
+const isShowReport = ref(false)
+const currRow = ref({})
+const queryFrom = ref({});
+/** 报告类型 01 战术研判 02 战略研判*/
+const bglx = ref('02')
 // 搜索
 const onSearch = (val) => {
   const promes = {
@@ -136,11 +160,11 @@ const getList = () => {
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
-  window.onresize = function () {
+  window.onresize = function() {
     tabHeightFn();
   };
 };
-const route = useRoute()
+// const route = useRoute()
 
 const addForm = ref(null)
 const getDataById = (type, row) => {
@@ -163,6 +187,39 @@ const deleteFile = (row) => {
     proxy.$message.info('已取消删除');
   });
 }
+
+const selfCreateResearch = (type = 'add') => {
+  addForm.value.init(type, null, '01');
+}
+/** 创建报告 */
+const createReport = (row) => {
+  const type = !row.id ? 'add' : 'edit'
+  reportTc.value.init(type, row?.ypbg || {}, row)
+  // currRow.value = { ...row }
+  // isShowReport.value = true
+}
+/** 创建会议 */
+const createMeeting = (row) => {
+  meetingTc.value.init('add', null, row)
+  // currRow.value = { ...row }
+  // isShowReport.value = true
+}
+// 提交研判
+const getypbgSjzlTjspId = (id) => {
+  proxy.$confirm('确定提交研判申请吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    ypbgSjzlTjspId(id).then((res) => {
+      proxy.$message.success('提交成功');
+      getList();
+    })
+  }).catch(() => {
+    proxy.$message.info('已取消提交');
+  });
+
+}
 </script>
 
 <style lang="scss" scoped>

src/views/backOfficeSystem/JudgmentHome/tacticalResearch/addForm.vue

@@ -8,20 +8,19 @@
       </div>
     </div>
     <div style="padding-bottom: 0px;" class="form_cnt">
-      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title === '详情'">
         <template #bmList>
           <div class="table-box">
             <el-table :data="tableList" border style="width: 100%">
               <el-table-column prop="ypbmmc" label="部门" width="150" align="center" />
               <el-table-column label="研判素材" width="380" align="center">
                 <template #default="{ row }">
-                  <el-input v-model="row.scyq" type="textarea" :rows="3" :disabled="true" placeholder="请输入研判素材" />
+                  <el-input v-model="row.scyq" placeholder="请输入研判素材" />
                 </template>
               </el-table-column>
               <el-table-column label="附件" width="200" align="center">
                 <template #default="{ row }">
-                  <UploadFile v-model="row.fj" :disabled="true" :limit="1" :isImg="false"
+                  <UploadFile v-model="row.fj" :limit="1" :isImg="false" :isAll="true" />
-                    :isAll="true" />
                 </template>
               </el-table-column>
               <el-table-column prop="wcqk" label="完成状态" width="120" align="center">
@@ -91,16 +90,29 @@
 </template>
 
 <script setup>
+/**
+ * @typedef {Object} JudgmentDept 研判部门对象
+ * @property {string} ypbmdm - 研判部门代码
+ * @property {string} ypbmmc - 研判部门名称
+ * @property {string} scyq - 素材要求
+ * @property {Array} fj - 附件数组
+ * @property {string} wcqk - 完成情况（01 准备中、02 已完成）
+ */
+
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import UploadFile from "@/components/MyComponents/Upload/index.vue";
 // import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue"
 import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, watch, computed } from "vue";
-import { sjzlAddEntity, sjzlEditEntity, sjzlGetInfo, sjzlPerfectlnfo, sjzlFstz, sjzlQryp, sjzlPerfectSorce } from '@//api/yj.js'
+import { sjzlGetInfo, sjzlPerfectlnfo, sjzlFstz, sjzlQryp, sjzlPerfectSorce } from '@//api/yj.js'
+import { selfBuildJudgment } from "@/api/huiShangyp/tacticalApi.js"
+// import { tacticalGet, strategicDelete } from "@/api/huiShangyp/strategicApi.js";
 import { getItem } from '@//utils/storage.js'
 
 const emit = defineEmits(["updateDate", "getList"]);
 const props = defineProps({
-  dict: Object
+  dict: Object,
+  /** 报告类型 01 战术研判 02战略研判 */
+  bglx: String,
 });
 const imgMsg = ref([])
 const { proxy } = getCurrentInstance();
@@ -146,7 +158,7 @@ watch(() => props.dict, (val) => {
     formData.value = [
       { label: "研判议题", prop: "ypyt", type: "input", width: '48%' },
       { label: "研判时间", prop: "ypsj", type: "datetime", width: '48%' },
-      { label: "报告类型", prop: "bglx", type: "radio", options: props.dict.D_BZ_YPLX, width: '48%' },
+      { label: "报告类型", prop: "bglx", type: "radio", options: props.dict.D_BZ_YPLX, width: '48%', disabled: true },
       { label: "研判方式", prop: "ypfs", type: "radio", options: props.dict.D_BZ_YPFS, width: '48%' },
       { label: "参与研判部门", prop: "jsdxBmDm", type: "department", multiple: true, depMc: 'jsdxBmMc', width: '48%' },
       { label: "研判要求", prop: "ypyq", type: "textarea", width: '100%' },
@@ -164,6 +176,8 @@ function updateDis(row) {
   const isFinish = row.wcqk === '02'
   return isShiQingBaoZhongXin.value || !iscjr || isFinish
 }
+
+/** 获取附件数组 */
 function getFjArr(fj) {
   if (typeof fj !== 'string' || !fj) return []
   let fjArr = []
@@ -175,18 +189,19 @@ function getFjArr(fj) {
   return fjArr
 }
 watch(() => listQuery.value.jsdxBmDm, (val) => {
-  /** @type {Array<{ypbmdm: string, ypbmmc: string, scyq: string, fj: Array, wcqk: string}>} 参与研判部门数据数组 */
+  /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
   const arr = Array.isArray(val) ? val : []
+  /** @type {Array}   参与研判部门*/
   const cyypList = Array.isArray(listQuery.value.cyypList) ? listQuery.value.cyypList : []
 
   tableList.value = arr.map((item, i) => {
     /** 找原来的对象 */
     const curr = cyypList.find(item2 => item2.ypbmdm == item) || {}
     /** 是否是新增 */
-    const isAddForm = !listQuery.value.id
+    const isAddForm = !listQuery.value?.id
     return {
       // id: null,
-      // sjzlid: null, // 研判战术研判ID
+      // sjzlid: null, // 研判战略研判ID
       /** 部门代码 */
       ypbmdm: item,
       ypbmmc: listQuery.value.jsdxBmMc[i],
@@ -202,13 +217,24 @@ watch(() => listQuery.value.jsdxBmDm, (val) => {
 const init = (type, row, wjlb) => {
   dialogForm.value = true;
   title.value = type == "add" ? "新增" : type == "edit" ? "编辑" : "详情";
-  outRow.value = row || {}
+  outRow.value = row
-  if (row) { getDataById(row.id) }
+  if (row) {
+    getDataById(row.id)
+  } else {
+    listQuery.value = {
+      bglx: props.bglx,  // 报告类型 01 战术研判 02战略研判
+      ypfs: undefined, // 研判方式
+      ypsj: undefined, // 研判时间
+      ypyq: undefined, // 研判要求
+      cyypList: [], // 参与研判部门数据数组
+    }
+  }
 };
 // 根据id查询详情
 const getDataById = (id) => {
   sjzlGetInfo(id).then((res) => {
     listQuery.value = res || {};
+    /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
     const cyypList = Array.isArray(res.cyypList) ? res.cyypList : []
     listQuery.value.jsdxBmDm = cyypList.map(item => {
       return item.ypbmdm
@@ -218,21 +244,21 @@ const getDataById = (id) => {
     })
   });
 };
+/** 获取附件json字符串 */
 function getFjString(arr) {
   arr = Array.isArray(arr) ? arr : []
   return JSON.stringify(arr)
 }
 /**获取下发部门数据 */
 const getXfbmList = () => {
+  /** @type {Array<JudgmentDept>} 参与研判部门数据数组 */
   const cyypList = Array.isArray(listQuery.value.cyypList) ? listQuery.value.cyypList : []
-
   return tableList.value.map((item, i) => {
-
+    /** @type {JudgmentDept} 找原来的对象   */
-    /** 找原来的对象 */
     const curr = cyypList.find(item => item.ypbmdm == item.ypbmdm) || {}
     return {
       id: curr.id || null,
-      sjzlid: curr.sjzlid || null, // 研判战术研判ID
+      sjzlid: curr.sjzlid || null, // 研判战略研判ID
       ypbmdm: item.ypbmdm,
       ypbmmc: listQuery.value.jsdxBmMc[i],
       /** 素材要求 */
@@ -251,21 +277,14 @@ const submit = () => {
     let params = {
       ...listQuery.value,
       cyypList: xfbmList,
-      // cyypList: listQuery.value.jsdxBmDm.map((item, index) => {
-      //   return {
-      //     ypbmdm: item,
-      //     ypbmmc: listQuery.value.jsdxBmMc[index],
-      //     ypcylx: '01'
-      //   }
-      // })
     };
     try {
       loading.value = true;
       let res
       if (title.value == "新增") {
-        res = await sjzlAddEntity(params)
+        res = await selfBuildJudgment(params)
       } else {
-        res = await sjzlEditEntity(params)
+        // res = await sjzlEditEntity(params)// 目前没有修改
       }
       if (res && res > 0) {
         loading.value = false;
@@ -357,7 +376,7 @@ const submitMaterialAction = async () => {
     closeMaterialDialog()
     if (outRow.value.id) { getDataById(outRow.value.id) }
   } catch (error) {
-    console.log(error)
+
   } finally {
     materialLoading.value = false
   }
@@ -383,7 +402,7 @@ const sendNotice = () => {
       proxy.$message({ type: "success", message: "下发通知成功" });
       close();
     } catch (error) {
-      console.log(error);
+
     } finally {
       noticeLoading.value = false;
     }
@@ -404,7 +423,7 @@ const confirmJudgment = () => {
       proxy.$message({ type: "success", message: "确认研判成功" });
       close();
     } catch (error) {
-      console.log(error);
+
     } finally {
       confirmLoading.value = false;
     }

src/views/backOfficeSystem/JudgmentHome/tacticalResearch/addMeeting.vue

@@ -0,0 +1,137 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">创建会议{{ title }} </span>
+      <div>
+        <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+        <!-- <template #glxsmc>
+          <el-input placeholder="请选择关联线索" @click="chooseVisiblexS = true" readonly v-model="listQuery.glxsmc"></el-input>
+        </template> -->
+        <template #chryList>
+          <el-input placeholder="请选择参会人员" @click="openMeetings = true" readonly v-model="listQuery.rymc"></el-input>
+        </template>
+      </FormMessage>
+    </div>
+  </div>
+  <Personnel v-model="openMeetings" />
+  <ChooseUser v-model="chooseVisible" :Single="false" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
+  <Xslist v-model="chooseVisiblexS" @choosed="choosed" :roleIds="roleIdsxs"></Xslist>
+</template>
+
+<script setup>
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
+// import Xslist from '@/components/ChooseList/ChooseXs/index.vue'
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import Personnel from '@/views/backOfficeSystem/JudgmentHome/MeetingRoom/components/Communications/personnel.vue'
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, } from "vue";
+import dayjs from 'dayjs';
+
+const emit = defineEmits(["updateDate"]);
+
+const roleIds = ref([]); //角色id
+const chooseVisible = ref(false);
+const roleIdsxs = ref([]); //角色id
+const chooseVisiblexS = ref(false);
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const rules = reactive({
+  hskssj: [{ required: true, message: "请选择会商开始时间", trigger: "change" }],
+  hsjssj: [{ required: true, message: "请选择会商结束时间", trigger: "change" }],
+  hsnr: [{ required: true, message: "请输入会商内容", trigger: "blur" }],
+  hsbt: [{ required: true, message: "请输入会商标题", trigger: "blur" }],
+  // glxsmc: [{ required: true, message: "请选择关联线索", trigger: "change" }],
+  chryList: [{ required: true, message: "请选择参会人员", trigger: "change" }],
+});
+const formData = ref([
+  { label: "会商开始时间", prop: "hskssj", type: "datetime" },
+  { label: "会商结束时间", prop: "hsjssj", type: "datetime" },
+  { label: "会商内容", prop: "hsnr", type: "textarea", width: "100%" },
+  // { label: "关联线索", prop: "glxsmc", type: "slot", },
+  { label: "会商标题", prop: "hsbt", type: "input" },
+  // { label: "参会人员", prop: "chryList", type: "slot" ,width:'100%'},
+]);
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const outRow = ref({})
+// 初始化数据
+const init = (type, row, outRowObj = {}) => {
+  outRow.value = outRowObj
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : "编辑";
+  if (row) {
+    getDataById(row.id)
+  } else {
+    listQuery.value = {
+      hskssj: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+      hsjssj: dayjs().add(1, "hour").format("YYYY-MM-DD HH:mm:ss"),
+    }
+  }
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  qcckGet({ id }, "/mosty-gsxt/wshs/selectByid").then((res) => {
+    res.rymc = res.chryList ? res.chryList.map(v => v.chryxm).join(",") : '';
+    res.chryList = res.chryList ? res.chryList.map(item => item.chryid) : [];
+    roleIds.value = res.chryList;
+    roleIdsxs.value = res.glxsid ? [res.glxsid] : [];
+    listQuery.value = res;
+  });
+};
+
+const handleUserSelected = (userData) => {
+  roleIds.value = userData.map(item => item.id);
+  listQuery.value.chryList = userData.map(item => item.id)
+  listQuery.value.rymc = userData.map(item => item.userName).join("、");
+};
+
+const choosed = (data) => {
+  listQuery.value.glxsmc = data[0].xsMc;
+  listQuery.value.glxsid = data[0].id;
+  roleIdsxs.value = data.map(item => item.id);
+};
+
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    let url = title.value == "新增" ? "/mosty-gsxt/wshs/add" : "/mosty-gsxt/wshs/update";
+    let params = {
+      ...data,
+      glxsid: outRow.value.id,
+      glxsmc: outRow.value.xsMc,
+     };
+    loading.value = true;
+    qcckPost(params, url).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("updateDate");
+      close();
+    }).catch(() => { loading.value = false; });
+  });
+};
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  roleIds.value = [];
+  roleIdsxs.value = [];
+  dialogForm.value = false;
+  loading.value = false;
+};
+// 选择参会人员
+const openMeetings = ref(false)
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+</style>

src/views/backOfficeSystem/JudgmentHome/tacticalResearch/addReport.vue

@@ -0,0 +1,273 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">报告{{ title }} </span>
+      <div>
+        <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage :formList="formData" v-model="listQuery" ref="elform" :rules="rules">
+        <template #bgnr>
+          <el-input v-model="listQuery.bgnr" style="width: 100%" placeholder="请输入关键字" class="input-with-select">
+            <template #append>
+              <el-button :icon="Search" type="primary">搜索</el-button>
+            </template>
+          </el-input>
+        </template>
+        <template #fj><el-button type="primary" @click="showText = true">附件上传</el-button></template>
+      </FormMessage>
+      <div class="cntBox">
+        <!-- 工具栏 -->
+        <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig"
+          :mode="mode" />
+        <!-- 编辑器 -->
+        <Editor :style="`height: 480px; overflow-y: hidden`" v-model="textContent" :defaultConfig="editorConfig"
+          :mode="mode" @onCreated="handleCreated" @onChange="handChange" />
+
+      </div>
+      <div v-if="outRow.id" style="display: flex; justify-content: center;">
+        <!-- <el-button style="display: block;" type="primary" @click="ConsultationShow = true">网上会商</el-button> -->
+        <el-button style="display: block;" type="primary" @click="downloadWithStyles(textContent)">下载</el-button>
+      </div>
+    </div>
+  </div>
+  <!-- 文字解析 -->
+  <ExtractionText v-model="showText" @change="getText"></ExtractionText>
+  <!-- 网上会商 -->
+  <!-- <Consultation v-model="ConsultationShow" /> -->
+</template>
+
+<script setup>
+import { Search } from '@element-plus/icons-vue'
+import { timeValidate } from '@/utils/tools.js'
+import ExtractionText from "@/components/ExtractionText/index.vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import "@wangeditor/editor/dist/css/style.css";
+// import Consultation from './consultation.vue'
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, shallowRef, onBeforeUnmount, watch } from "vue";
+import { gsxtYpbgAddEntity, gsxtYpbgEditEntity } from "@/api/huiShangyp/tacticalApi.js"
+
+const emit = defineEmits(["updateDate", 'ok']);
+const props = defineProps({
+  dic: Object,
+});
+
+
+const ConsultationShow = ref(false)
+const showText = ref(false);
+const textContent = ref()
+const { proxy } = getCurrentInstance();
+const editorRef = shallowRef();
+const dialogForm = ref(false); //弹窗
+const mode = "default";
+const dataBt = ref(`<p class="html_bt">
+    <h4 style=\"text-align: center;\"><span style=\"color: rgb(225, 60, 57); font-size: 32px; font-family: 标楷体;\">林芝市公安局情指中心</span></h4>
+    <h4 style=\"text-align: center;\"><span style=\"color: rgb(225, 60, 57); font-size: 32px; font-family: 标楷体;\">研判专刊（初稿）</span></h4></p>
+      <p style="text-align: center;"><span style="color: rgb(225, 60, 57); font-size: 22px; font-family: 标楷体;">市公安局情指中心编</span></p>
+      <p style="text-align: center;"><span style="color: rgb(225, 60, 57); font-size: 22px; font-family: 标楷体;"> ${timeValidate(new Date(), 'td')}</span></p>
+      <hr/>`)
+//编辑器配置
+const editorConfig = {
+  withCredentials: true, //允许跨域
+  placeholder: props.placeholder, //提示语
+  MENU_CONF: {
+    uploadImage: {
+      // 自定义上传图片
+      async customUpload(file, insertFn) {
+        let fileBlob = await compressImage(file);
+        let fileData = new File([fileBlob], fileBlob.name, { type: fileBlob.type });
+        if (fileData.size > 2 * 1024 * 1024) {
+          ElMessage({ message: "图片超过2MB", type: "success" });
+        } else {
+          await uploadFn(fileData, insertFn);
+        }
+      }
+    },
+    uploadVideo: {
+      // 自定义上传视频
+      async customUpload(file, insertFn) {
+        await uploadFn(file, insertFn);
+      }
+    }
+  }
+};
+
+//工具配置
+const toolbarConfig = {
+  excludeKeys: ["blockquote", "codeBlock"] //清除不必要的工具，引用和代码块
+};
+const rules = reactive({
+  jymc: [
+    { required: true, message: "请输入经验名称", trigger: "blur" }
+  ],
+  fbnr: [
+    { required: true, message: "请输入经验内容", trigger: "blur" }
+  ]
+});
+const formData = ref([
+  { label: "报告名称", prop: "bgmc", type: "input", width: "100%", blur: setEditorTextContent },
+  { label: "报告内容", prop: "bgnr", type: "slot", width: "100%", blur: setEditorTextContent },
+  // { label: "附件内容", prop: "fj", type: "slot", width: "100%" },
+]);
+const listQuery = ref({
+  bgmc: "",
+  bgnr: "",
+  fj: ""
+}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+/** 外面行数据 */
+const outRow = ref({})
+
+
+// 初始化数据
+const init = (type, reportData, row) => {
+
+  listQuery.value = {
+    bgmc: reportData.bgmc,
+    bgnr: reportData.bgnr,
+    id: reportData.id,
+    // fj: reportData.fj
+  }
+  outRow.value = { ...row }
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : "编辑";
+  setEditorTextContent()
+};
+const getText = (val, row = {}) => {
+  listQuery.value.fj = val.text;
+  setEditorTextContent()
+}
+
+function setEditorTextContent() {
+  let html = dataBt.value;
+
+
+  html += `<p style="text-align: center;"><span style="font-size: 22px;">${listQuery.value.bgmc || ''}</span></p>`
+  html += `<p>${listQuery.value.fj || ''}</p>`
+  textContent.value = html
+}
+
+// watch(() => listQuery.value, (val) => {
+
+// },
+//   {
+//     deep: true, immediate: true
+//   })
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    // let url = title.value == "新增" ? "/mosty-gsxt/gsxt/jyfx/add" : "/mosty-gsxt/gsxt/jyfx/edit";
+
+    let params = {
+      ...data,
+      ypid: outRow.value.id,
+      ypmc: outRow.value.ypyt
+    };
+    const apiFun = !listQuery.value.id ? gsxtYpbgAddEntity : gsxtYpbgEditEntity
+    if (!listQuery.value.id) delete params.id
+    apiFun(params).then(() => {
+      loading.value = false;
+      proxy.$message({ type: "success", message: title.value + "成功" });
+      emit("ok");
+      close();
+    }).catch(() => {
+      loading.value = false;
+    })
+  });
+};
+//编辑器创建成功
+const handleCreated = (editor) => {
+  editorRef.value = editor;
+};
+//内容发生变化
+const handChange = (editor) => {
+  // 判断是否是一个空段落，是空就传空文本
+
+
+};
+onBeforeUnmount(() => {
+  const editor = editorRef.value;
+  if (editor) editor.destroy();
+});
+
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  loading.value = false;
+  dialogForm.value = false;
+  listQuery.value = {}
+};
+
+
+// 带样式的下载方法
+const downloadWithStyles = (textContent) => {
+
+  const wordDocument = `
+    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
+    <head>
+      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+      <title>富文本导出</title>
+      <style>
+        /* 应用两端对齐样式 */
+        body {
+          text-align: justify;
+          text-justify: inter-character; /* 中文文本两端对齐 */
+          font-family: "Microsoft YaHei", Arial, sans-serif;
+        }
+        p {
+          text-align: justify;
+          text-justify: inter-character;
+        }
+      </style>
+    </head>
+    <body>
+      ${textContent}
+    </body>
+    </html>
+  `;
+
+  const blob = new Blob([wordDocument], {
+    type: 'application/msword'
+  });
+
+  saveAs(blob, '战略研判报告.doc');
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+
+.boxlist {
+  width: 99%;
+  margin-top: 10px;
+}
+
+::v-deep .el-textarea__inner {
+  min-height: 550px !important;
+}
+
+.html_bt>>>p {
+  color: red;
+}
+
+.html_bt {
+  h4 {
+    margin: 10px 0 !important;
+  }
+}
+
+.cntBox {
+  width: 80vw;
+  margin: 0 auto;
+}
+</style>

src/views/backOfficeSystem/JudgmentHome/tacticalResearch/index.vue

@@ -2,12 +2,12 @@
   <div>
     <div class="titleBox">
       <PageTitle title="战术研判">
-        <!-- <el-button type="primary" @click="getDataById('add', '')">
+        <el-button type="primary" @click="selfCreateResearch('add')">
           <el-icon style="vertical-align: middle">
             <CirclePlus />
           </el-icon>
-          <span style="vertical-align: middle">新增</span>
+          <span style="vertical-align: middle">自建研判</span>
-        </el-button> -->
+        </el-button>
 
       </PageTitle>
     </div>
@@ -27,8 +27,11 @@
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
+             <el-link size="small" type="danger" @click="getypbgSjzlTjspId(row.id)" >提交申请</el-link>
           <!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> -->
           <el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
+          <el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link>
+          <el-link size="small" type="success" @click="createMeeting(row)">创建会议</el-link>
           <el-link size="small" type="danger" @click="deleteFile(row)">删除</el-link>
         </template>
       </MyTable>
@@ -38,7 +41,12 @@
       }"></Pages>
     </div>
   </div>
-  <AddForm ref="addForm" @getList="getList" :dict="{ D_BZ_YPFS, D_BZ_YPLX }" />
+  <AddForm ref="addForm" :bglx="bglx" @getList="getList" :dict="{ D_BZ_YPFS, D_BZ_YPLX }" />
+
+  <!-- 创建报告 -->
+  <addReport ref="reportTc" :row="currRow" :dic="{ D_GS_BQ_LX }" @ok="getList" />
+  <!-- 创建报告 -->
+  <addMeeting ref="meetingTc" :row="currRow" @updateDate="getList" />
 </template>
 
 <script setup>
@@ -46,21 +54,33 @@ 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 { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
-import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js";
+import { tacticalGet, strategicDelete, } from "@/api/huiShangyp/tacticalApi.js";
-import { reactive, ref, onMounted, getCurrentInstance, watch, computed } from "vue";
+import {ypbgSjzlTjspId} from "@/api/huiShangyp/strategicApi.js"
+import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
+import addReport from "./addReport.vue";
 import AddForm from "./addForm.vue";
+import addMeeting from "./addMeeting.vue";
 const { proxy } = getCurrentInstance();
-const { D_BZ_YPFS, D_BZ_YPLX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX")
+const { D_BZ_YPFS, D_BZ_YPLX, D_GS_BQ_LX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX", "D_GS_BQ_LX")
-const detailDiloag = ref();
+
+/** 报告弹框 */
+const reportTc = ref();
+/** 会议弹框 */
+const meetingTc = ref();
 const searchBox = ref(); //搜索框
+const router = useRouter();
+const route = useRoute();
+
 onMounted(() => {
   tabHeightFn()
   if (route.query.id) {
-    detailDiloag.value.init('edit', {
+    nextTick(() => {
+      addForm.value && addForm.value.init('edit', {
         id: route.query.id
       });
-    return
+      router.replace({ path: '/tacticalResearch' })// 移除id 避免刷新一直带参数
+    })
   }
   getList()
 });
@@ -98,8 +118,12 @@ const pageData = reactive({
     { label: "发起部门", prop: "ssbm" },
   ]
 });
-const queryFrom = ref({});
 
+const isShowReport = ref(false)
+const currRow = ref({})
+const queryFrom = ref({});
+/** 报告类型 01 战术研判 02 战略研判*/
+const bglx = ref('01')
 // 搜索
 const onSearch = (val) => {
   const promes = {
@@ -140,7 +164,7 @@ const tabHeightFn = () => {
     tabHeightFn();
   };
 };
-const route = useRoute()
+// const route = useRoute()
 
 const addForm = ref(null)
 const getDataById = (type, row) => {
@@ -163,6 +187,39 @@ const deleteFile = (row) => {
     proxy.$message.info('已取消删除');
   });
 }
+
+const selfCreateResearch = (type = 'add') => {
+  addForm.value.init(type, null, '01');
+}
+/** 创建报告 */
+const createReport = (row) => {
+  const type = !row.id ? 'add' : 'edit'
+  reportTc.value.init(type, row?.ypbg || {}, row)
+  // currRow.value = { ...row }
+  // isShowReport.value = true
+}
+/** 创建会议 */
+const createMeeting = (row) => {
+  meetingTc.value.init('add', null, row)
+  // currRow.value = { ...row }
+  // isShowReport.value = true
+}
+// 提交研判
+const getypbgSjzlTjspId = (id) => {
+  proxy.$confirm('确定提交研判申请吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    ypbgSjzlTjspId(id).then((res) => {
+      proxy.$message.success('提交成功');
+      getList();
+    })
+  }).catch(() => {
+    proxy.$message.info('已取消提交');
+  });
+
+}
 </script>
 
 <style lang="scss" scoped>

src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/components/addForm.vue

@@ -76,22 +76,21 @@ const props = defineProps({
 const { proxy } = getCurrentInstance();
 const dialogForm = ref(false); //弹窗
 const rules = reactive({
-  xsMc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
+  qbmc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
-  xlLx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
+  qblx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
-  qbLy: [{ required: true, message: "请选择情报来源", trigger: "change" }],
 });
 const formData = ref([
   { prop: "gapdive", type: "slot", width: '100%' },
-  { label: "线索名称", prop: "xsMc", type: "input" },
+  { label: "线索名称", prop: "qbmc", type: "input" },
-  { label: "线索类型", prop: "xlLx", type: "select", options: props.dic.D_GS_XS_LX },
+  { label: "线索类型", prop: "qblx", type: "select", options: props.dic.D_GS_XS_LX },
-  { label: "情报来源", prop: "qbLy", type: "select", options: props.dic.D_GS_XS_LY },
+  // { label: "情报来源", prop: "qbly", type: "select", options: props.dic.D_GS_XS_LY },
-  { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
+  // { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
-  { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
+  // { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
-  { label: "指向地点", prop: "zxdz", type: "input" },
+  { label: "线索地点", prop: "zxdz", type: "input" },
   { label: "所属专题", prop: "sszt", type: "select", options: props.dic.D_BZ_SSZT },
   { prop: "gapline", type: "slot", width: '100%' },
   { prop: "scfj", type: "slot", width: '100%' },
-  { label: "线索内容", prop: "xsNr", type: "textarea", width: '100%' },
+  { label: "线索内容", prop: "qbnr", type: "textarea", width: '100%' },
 ]);
 const fjdz = ref()
 const listQuery = ref({}); //表单

src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/components/xsxf.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-dialog v-model="modelValue" title="线索下发" width="50%" @close="closeDialog" destroy-on-close append-to-body>
+    <div style="height: 50vh; overflow: auto;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm">确认 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, reactive, getCurrentInstance, watch } from "vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+const { proxy } = getCurrentInstance()
+const { D_GS_XS_ZLLX, D_GS_ZDQT_FXDJ } = proxy.$dict('D_GS_XS_ZLLX', 'D_GS_ZDQT_FXDJ')
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  dataList: {
+    type: Object,
+    default: () => ({})
+  }
+})
+const emit = defineEmits(['update:modelValue', 'getList'])
+const elform = ref(null)
+const closeDialog = (formEl) => {
+  emit('update:modelValue', false)
+}
+
+const rules = reactive({
+  glxs: [{ required: true, message: '请输入线索名称', trigger: 'blur' }],
+  zlbt: [{ required: true, message: '请输入指令标题', trigger: 'blur' }],
+  zllx: [{ required: true, message: '请选择指令类型', trigger: 'change' }],
+  zldj: [{ required: true, message: '请选择指令等级', trigger: 'change' }],
+  xfbmList: [{ required: true, message: '请选择下发部门集合', trigger: 'change' }],
+  zsdw: [{ required: true, message: '请选择主送单位', trigger: 'change' }],
+  csdw: [{ required: true, message: '请选择抄送单位', trigger: 'change' }],
+  zlnr: [{ required: true, message: '请输入指令内容', trigger: 'blur' }],
+})
+const listQuery = ref({})
+const formData = ref(
+  [
+    { label: "线索名称", prop: "glxs", type: "input" },
+    { label: "指令标题", prop: "zlbt", type: "input" },
+    { label: "指令类型", prop: "zllx", type: "select", options: D_GS_XS_ZLLX },
+    { label: "指令等级", prop: "zldj", type: "select", options: D_GS_ZDQT_FXDJ },
+    { label: "指令联系人", prop: "zllxr", type: "input" },
+    { label: "指令联系电话", prop: "zllxdh", type: "input" },
+    { label: "指令结束时间", prop: "jssj", type: "datetime" },
+    { label: "下发部门集合", depMc: 'xfbmListMc', prop: "xfbmList", type: "department", width: "90%", multiple: true },
+    { label: "主送单位", prop: "zsdw", type: "department" },
+    { label: "抄送单位", prop: "csdw", type: "department" },
+    { label: "指令内容", prop: "zlnr", type: "textarea", width: "90%" },
+    { label: "附件地址", prop: "fjzd", type: "upload", width: "90%" },
+  ]
+)
+watch(() => props.modelValue, (newVal, oldVal) => {
+  if (newVal) {
+    listQuery.value.xsid = props.dataList.id
+    listQuery.value.glxsid = props.dataList.id
+    listQuery.value.glxs = props.dataList.qbmc
+  }
+}, { deep: true })
+
+
+const submitForm = (formEl) => {
+  console.log(listQuery.value);
+  elform.value.submit((valid) => {
+    if (valid) {
+      const params = {
+        ...listQuery.value,
+        fjzd:listQuery.value.fjzd? listQuery.value.fjzd.join(',') : '',
+        xfbmList: listQuery.value.xfbmList.map((item, index) => {
+          return {
+            ssbm: listQuery.value.xfbmListMc[index],
+            ssbmdm: item,
+          }
+        }),
+      }
+      qcckPost(params, '/mosty-gsxt/qbcj/xfxs').then((res) => {
+        proxy.$message({ type: "success", message: "下发成功" });
+  emit('update:modelValue', false)
+        // closeDialog(formEl);
+      }).catch(() => {
+        proxy.$message({ type: "error", message: "新增失败" });
+      });
+      console.log(params);
+      // emit('getList', listQuery)
+      // closeDialog(formEl)
+    } else {
+      console.log('校验失败');
+    }
+  })
+  // formEl.validate((valid) => {
+  //   if (valid) {
+  //     emit('getList', listQuery)
+  //     closeDialog(formEl)
+  //   } else {
+  //     console.log('校验失败');
+  //   }
+  // })
+}
+</script>
+
+<style scoped></style>

src/views/backOfficeSystem/ResearchJudgment/DatAcquisition/index.vue

@@ -3,105 +3,68 @@
     <div class="titleBox">
       <PageTitle title="线索数据采集">
         <el-button type="primary" @click="addEdit('add', null)">
-          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+          <el-icon style="vertical-align: middle">
+            <CirclePlus />
+          </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
-        <el-button type="danger">
+        <el-button type="danger" @click="plDelDictItem">
-          <el-icon style="vertical-align: middle"><Dete /></el-icon>
+          <el-icon style="vertical-align: middle">
+            <Dete />
+          </el-icon>
           <span style="vertical-align: middle">批量删除</span>
         </el-button>
       </PageTitle>
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
     </div>
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :tableData="pageData.tableData"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
-        :tableColumn="pageData.tableColumn"
+        @chooseData="chooseData">
-        :tableHeight="pageData.tableHeight"
+        <template #qblx="{ row }">
-        :key="pageData.keyCount"
+          <DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth">
-        <template #xlLx="{row}">
-          <DictTag :tag="false" :value="row.xlLx" :options="D_GS_XS_LX" />
         </template>
-        <template #qbLy="{row}">
+        <template #cjLx="{ row }">
-          <DictTag :tag="false" :value="row.qbLy" :options="D_GS_XS_LY" />
+          <DictTag :tag="false" :value="row.cjLx" :options="D_GS_XS_LY" />
         </template>
-        <template #czzt="{row}">
+        <template #czzt="{ row }">
-          <DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
+          <DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_XSCZZT" />
         </template>
-        <template #zxkssj="{row}">
+
-          <span>{{ row.zxkssj }}</span> 至
+        <template #shzt="{ row }">
-          <span>{{ row.zxjssj }}</span>
-        </template>
-        <template #shzt="{row}">
           <!-- 采纳（将这条信息推送到情报管理）,退回！ -->
           <DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
-          <template v-if="row.shzt === '0'">
+          <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
-          </template>
-
-          <!-- <el-popover placement="left" :visible="row.visible" :width="400" trigger="click">
-            <template #reference>
-              <el-link size="small" type="primary" @click.stop="handleSh(row)">审核</el-link>
-            </template>
-
-            <div class="flex mb10 align-center">
-              <div class="w70 label-pop">审核状态 :</div>
-              <div style="flex:1">
-                <el-radio-group v-model="chooseRow.shzt" @change="rules.bhyy = false">
-                  <el-radio v-for="obj in D_BZ_XSSHZT" :key="obj.value" :label="obj.value" >{{ obj.zdmc }}</el-radio>
-                </el-radio-group>
-              </div>
-            </div>
-            <div class="flex" v-if=" chooseRow.shzt == '01'">
-              <div class="w70 label-pop">驳回原因 :</div>
-              <div style="flex:1">
-                <MOSTY.Other filterable style="width: 100%;" v-model="chooseRow.bhyy" type="textarea" rows="3" clearable placeholder="请输入审核原因"/>
-                <div class="f12" style="color: red;" v-if="rules.bhyy">请输入驳回原因</div>
-              </div>
-            </div>
-
-            <div class="mt10 flex just-center">
-              <el-button size="small" @click.stop="cancel(row)">取消</el-button>
-              <el-button size="small" type="primary" @click.stop="handleSumbit(row)">确定</el-button>
-            </div>
-          </el-popover> -->
           <template v-if="!row.gzlid">
             <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
             <el-link size="small" type="primary" @click.stop="createProcess(row)">审核</el-link>
             <el-link size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
           </template>
-         <el-link size="small" type="danger" @click="addEdit('info', row)">详情</el-link>
+          <el-link size="small" type="warning" @click="openXsxf( row)">线索下发</el-link>
-          <!-- 续报 == 编辑 -->
-          <el-link size="small" type="warning" @click="addEdit('edit', row)">续报</el-link>
         </template>
       </MyTable>
-      <Pages
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
-        }"
+      }"></Pages>
-      ></Pages>
     </div>
     <!-- 新增 -->
-    <AddForm ref="detailDiloag" @change="getList" v-if="isShow" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX ,D_GS_XS_QTLX}" />
+    <AddForm ref="detailDiloag" @change="getList" v-if="isShow"
+      :dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }" />
   </div>
-  <SubmissionProcess v-model="showSp" :data="rowData" :userData="{ ajmc: '线索数据采集审批', flowType: 'XSSJCJSP',modelName:'线索' }"
+  <SubmissionProcess v-model="showSp" :data="rowData"
-  :path="fixedValue" @getList="getList" />
+    :userData="{ ajmc: '线索数据采集审批', flowType: 'XSSJCJSP', modelName: '线索' }" :path="fixedValue" @getList="getList" />
+<Xsxf v-model="xsxfShow" :dataList="rowData"/>
 </template>
 
 <script setup>
-import * as MOSTY from "@/components/MyComponents/index";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
@@ -111,27 +74,20 @@ import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 import { useRouter } from "vue-router";
-
+import Xsxf from "./components/xsxf.vue";
 const router = useRouter();
 const { proxy } = getCurrentInstance();
-const {D_GS_XS_CZZT,D_GS_XS_LY, D_BZ_SSZT,D_BZ_SF,D_GS_XS_LX ,D_GS_XS_QTLX,D_BZ_XB,D_BZ_XSSHZT} = proxy.$dict("D_GS_XS_CZZT","D_GS_XS_LY","D_BZ_SSZT","D_BZ_SF","D_GS_XS_LX","D_GS_XS_QTLX","D_BZ_XB","D_BZ_XSSHZT"); //获取字典数据
+const { D_GS_XS_XSCZZT, D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_GS_XS_QTLX, D_BZ_XB, D_BZ_XSSHZT } = proxy.$dict("D_GS_XS_XSCZZT", "D_GS_XS_LY", "D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX", "D_BZ_XB", "D_BZ_XSSHZT"); //获取字典数据
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
 const isShow = ref(false)
 const searchConfiger = ref([
-  { label: "线索名称", prop: 'xsMc', placeholder: "请输入线索名称", showType: "input" },
+  { label: "线索名称", prop: 'qbmc', placeholder: "请输入线索名称", showType: "input" },
-  { label: "内容关键字", prop: 'xsNr', placeholder: "请输入语义关键字", showType: "input" },
+  { label: "内容关键字", prop: 'qbnr', placeholder: "请输入语义关键字", showType: "input" },
-  { label: "线索类型", prop: 'xlLx', placeholder: "请选择线索类型", showType: "select",options:D_GS_XS_LX },
+  { label: "线索类型", prop: 'qblx', placeholder: "请选择线索类型", showType: "select", options: D_GS_XS_LX },
-  { label: "线索来源", prop: 'qbLy', placeholder: "请选择线索来源", showType: "select",options:D_GS_XS_LY },
+  { label: "线索来源", prop: 'cjLx', placeholder: "请选择线索来源", showType: "select", options: D_GS_XS_LY },
-  { label: "开始时间", prop: 'kssj', placeholder: "请选择开始时间", showType: "datetime" },
-  { label: "结束时间", prop: 'jssj', placeholder: "请选择结束时间", showType: "datetime" },
-  { label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
 ]);
-const chooseRow = ref({})
+
-const rules = reactive({
-  bhyy:false,
-  shzt: false,
-})
 const pageData = reactive({
   tableData: [],
   keyCount: 0,
@@ -145,18 +101,16 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 220,
+  controlsWidth: 250,
   tableColumn: [
     { label: "线索编号", prop: "xsBh" },
-    { label: "线索名称", prop: "xsMc" },
+    { label: "线索名称", prop: "qbmc" },
-    { label: "线索类型", prop: "xlLx",showSolt:true },
+    { label: "线索类型", prop: "qblx", showSolt: true },
-    { label: "线索来源", prop: "qbLy",showSolt:true },
+    { label: "线索来源", prop: "cjLx", showSolt: true },
-    { label: "指向时间", prop: "zxkssj",showSolt:true,showOverflowTooltip:true },
+    { label: "上报时间", prop: "sxsbsj", showOverflowTooltip: true },
-    { label: "上报时间", prop: "sxsbsj",showOverflowTooltip:true },
+    { label: "线索地点", prop: "zxdz" },
-    { label: "指向地点", prop: "zxdz" },
+    { label: "线索内容", prop: "qbnr" },
-    { label: "线索内容", prop: "xsNr"},
+    { label: "处置状态", prop: "czzt", showSolt: true },
-    { label: "处置状态", prop: "czzt",showSolt: true},
-    { label: "附件", prop: "fjdz", showSolt: true },
     { label: "审核状态", prop: "shzt", showSolt: true },
   ]
 });
@@ -168,74 +122,67 @@ onMounted(() => {
   tabHeightFn();
 });
 
-const handleSh = (val) =>{
+
-  chooseRow.value = {id:val.id,shzt:'01'}
-  val.visible = !val.visible;
-}
-const cancel = (row) =>{
-  row.visible = false;
-  rules.bhyy = false;
-  chooseRow.value = {}
-}
-const handleSumbit = (row) =>{
-  rules.bhyy = !chooseRow.value.bhyy ? true :false;
-  if(chooseRow.value.shzt == '01' && rules.bhyy) return false;
-  let data = { ...chooseRow.value }
-  qcckPost(data,'/mosty-gsxt/qbcj/updateByXssh').then(res=>{
-    row.visible = false;
-    proxy.$message({ type: "success",  message: "审核成功" });
-    getList();
-  })
-}
 
 
 // 搜索
-const onSearch = (val) =>{
+const onSearch = (val) => {
-  queryFrom.value = {...val}
+  queryFrom.value = { ...val }
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
 
-const changeNo = (val) =>{
+const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   getList()
 }
-const changeSize = (val) =>{
+const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
   getList()
 }
 
 // 获取列表
-const getList = () =>{
+const getList = () => {
   pageData.tableConfiger.loading = true;
-  let data = { ...pageData.pageConfiger, ...queryFrom.value,cjLx:'0' };
+  let data = { ...pageData.pageConfiger, ...queryFrom.value, cjLx: '0' };
-  qcckGet(data,'/mosty-gsxt/qbcj/selectPage').then(res=>{
+  qcckGet(data, '/mosty-gsxt/qbcj/selectPage').then(res => {
     pageData.tableData = res.records || [];
     pageData.total = res.total;
     pageData.tableConfiger.loading = false;
-  }).catch(()=>{ pageData.tableConfiger.loading = false; })
+  }).catch(() => { pageData.tableConfiger.loading = false; })
 }
 
 // 删除
-const delDictItem = (id) =>{
+const delDictItem = (id) => {
-  proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
-    qcckPost({id},'/mosty-gsxt/qbcj/delete').then(()=>{
+    qcckPost({ id }, '/mosty-gsxt/qbcj/delete').then(() => {
       proxy.$message({ type: "success", message: "删除成功" });
       getList();
     })
-  }).catch(() => {});
+  }).catch(() => { });
+}
+const ids = ref()
+const chooseData = (val) => {
+  ids.value = val.map(item => item.id)
+}
+const plDelDictItem = () => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: ids.value }, '/mosty-gsxt/qbcj/deletes').then(() => {
+      proxy.$message({ type: "success", message: "删除成功" });
+      getList();
+    })
+  }).catch(() => { });
 }
-
 // 详情
 const addEdit = (type, row) => {
   isShow.value = true;
-  setTimeout(()=>{
+  setTimeout(() => {
     detailDiloag.value.init(type, row);
-  },500)
+  }, 500)
 };
 
-const clickTag = (val) =>{
+const clickTag = (val) => {
-  if(val == '02')  router.push('/IntelligenceManagement');
+  if (val == '02') router.push('/IntelligenceManagement');
 }
 
 // 表格高度计算
@@ -251,21 +198,32 @@ const showSp = ref(false);
 const rowData = ref()
 // 固定值
 const fixedValue = {
-  clueVerification:'clueVerification',
+  clueVerification: 'clueVerification',
   byMeansOf: 'qbcj/callback',
   nobyMeansOf: 'qbcj/callback',
-  recycle:'qbcj/callback',
+  recycle: 'qbcj/callback',
 }
 const createProcess = (row) => {
   showSp.value = true;
   rowData.value = row
 }
+
+
+
+// 线索下发
+const xsxfShow = ref(false)
+const openXsxf = (row) => {
+  xsxfShow.value = true
+  rowData.value = {...row}
+}
+
 </script>
 
 <style lang="scss" scoped>
-.label-pop{
+.label-pop {
   position: relative;
-  &::before{
+
+  &::before {
     position: absolute;
     content: '*';
     top: 0;
@@ -279,4 +237,3 @@ const createProcess = (row) => {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 </style>
-

src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/components/detailForm.vue

@@ -3,20 +3,44 @@
     <div class="head_box">
       <span class="title">指令{{ title }} </span>
       <div>
-        <el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
+        <el-button type="primary" size="small" :loading="loading" @click="submit" v-if="title != '详情'">保存</el-button>
         <el-button size="small" @click="close">关闭</el-button>
       </div>
     </div>
-    <div class="form_cnt">
+    <div class="form_cnt flex-between">
-      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      <div class="main-content" :class="{ 'content-with-timeline': title == '详情' }">
+        <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title == '详情'">
           <template #glxsid>
             <div class="box pointer ellipsis" @click="chooseVisible = true">
               <span v-if="listQuery.glxs">{{ listQuery.glxs }}</span>
-            <span v-else style="color: #b8b8b8;">请选择关联线索</span>
+              <span v-else class="placeholder-text">请选择关联线索</span>
             </div>
           </template>
         </FormMessage>
       </div>
+      <div v-if="title == '详情'" class="timeline-container">
+        <el-timeline class="timeline-wrapper" v-if="listQuery.czlcList.length > 0">
+          <el-timeline-item placement="top" v-for="(activity, index) in listQuery.czlcList" :key="index"
+            :timestamp="activity.czsj" :color="activity.czlx == '01' ? '#409eff' : '#67c23a'" size="large">
+            <div class="timeline-content" :class="activity.czlx == '01' ? 'sign-type' : 'feedback-type'">
+              <div class="content-item">
+                <span class="label">处置部门：</span>
+                <span class="value">{{ activity.ssbm }}</span>
+              </div>
+              <div class="content-item">
+                <span class="label">处置状态：</span>
+                <span class="value status">{{ activity.czlx == '01' ? '签收' : '反馈' }}</span>
+              </div>
+              <div class="content-item">
+                <span class="label">处置内容：</span>
+                <span class="value content">{{ activity.fknr }}</span>
+              </div>
+            </div>
+          </el-timeline-item>
+        </el-timeline>
+        <el-empty description="暂无处置记录" v-else />
+      </div>
+    </div>
     <!-- 选择线索 -->
     <Xslist v-model="chooseVisible" @choosed="choosed" :roleIds="roleIds"></Xslist>
   </div>
@@ -26,7 +50,6 @@
 import Xslist from '@/components/ChooseList/ChooseXs/index.vue'
 import FormMessage from '@/components/aboutTable/FormMessage.vue'
 import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
-import * as rule from "@/utils/rules.js";
 import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
 const emit = defineEmits(["updateDate"]);
 const props = defineProps({
@@ -46,8 +69,8 @@ const formData = ref([
   { label: "关联线索", prop: "glxsid", type: "slot" },
   { label: "主送单位", prop: "zsdw", type: "department" },
   { label: "抄送单位", prop: "csdw", type: "department" },
-  { label: "指令内容", prop: "zlnr",  type: "textarea",width: '100%' },
+  { label: "指令内容", prop: "zlnr", type: "textarea", width: '100%' },
-  { label: "附件", prop: "fjzd",  type: "upload",width: '100%' },
+  { label: "附件", prop: "fjzd", type: "upload", width: '100%' },
 ]);
 const listQuery = ref({}); //表单
 const loading = ref(false);
@@ -69,14 +92,18 @@ const rules = reactive({
 const init = (type, row,) => {
   listQuery.value.fjzd = null
   dialogForm.value = true;
-  title.value = type == 'add' ? "新增" : "编辑";
+  title.value = type == 'add' ? '新增' : type == 'info' ? '详情' : '编辑';
+
   if (row) getDataById(row.id);
 };
 // 根据id查询详情
 const getDataById = (id) => {
-  qcckGet({id}, '/mosty-gsxt/zlxx/selectByid').then((res) => {
+  qcckGet({ id }, '/mosty-gsxt/zlxx/selectByid').then((res) => {
-    res.fjzd = res.fjzd ? res.fjzd.split(','):[];
+    res.fjzd = res.fjzd ? res.fjzd.split(',') : [];
-    listQuery.value = res;
+    listQuery.value = {
+      ...res,
+      czlcList: res.czlcList ? res.czlcList.reverse() : []
+    };
   });
 };
 
@@ -84,22 +111,22 @@ const getDataById = (id) => {
 const choosed = (val) => {
   listQuery.value.glxs = val[0].xsMc;
   listQuery.value.glxsid = val[0].id;
-  roleIds.value = val.map(v=>v.id)
+  roleIds.value = val.map(v => v.id)
 }
 
 // 提交
 const submit = () => {
-  elform.value.submit((data)=>{
+  elform.value.submit((data) => {
-    let url =  title.value == "新增" ? '/mosty-gsxt/zlxx/add':'/mosty-gsxt/zlxx/update';
+    let url = title.value == "新增" ? '/mosty-gsxt/zlxx/add' : '/mosty-gsxt/zlxx/update';
     let params = { ...data }
     loading.value = true;
-    params.fjzd = params.fjzd ? params.fjzd.join(','):''
+    params.fjzd = params.fjzd ? params.fjzd.join(',') : ''
     qcckPost(params, url).then((res) => {
       loading.value = false;
       proxy.$message({ type: "success", message: title.value + "成功" });
       emit("updateDate");
       close();
-    }).catch(() => {loading.value = false;});
+    }).catch(() => { loading.value = false; });
   });
 };
 
@@ -115,11 +142,115 @@ defineExpose({ init });
 <style lang="scss" scoped>
 @import "~@/assets/css/layout.scss";
 @import "~@/assets/css/element-plus.scss";
-.box{
+
+.box {
   width: 100%;
   height: 32px;
   border-radius: 4px;
   border: 1px solid #e9e9e9;
   padding-left: 10px;
 }
+
+// 新增类样式
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+}
+
+.main-content {
+  margin-right: 10px;
+  width: 100%;
+}
+
+.content-with-timeline {
+  width: 80%;
+}
+
+.placeholder-text {
+  color: #b8b8b8;
+}
+
+.timeline-container {
+  width: 18%;
+}
+
+.timeline-wrapper {
+  max-width: 100%;
+  padding: 10px;
+  background-color: #f5f7fa;
+  border-radius: 8px;
+}
+
+// 时间线样式优化
+.el-timeline {
+  .el-timeline-item {
+    &::before {
+      height: calc(100% - 20px); // 调整时间线高度
+    }
+
+    .el-timeline-item__content {
+      min-height: 80px; // 确保内容区域有足够空间
+    }
+
+    .el-timeline-item__timestamp {
+      font-size: 12px;
+      color: #909399;
+      margin-bottom: 8px;
+    }
+  }
+}
+
+.timeline-content {
+  padding: 12px;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
+  border-left: 3px solid transparent;
+
+  &.sign-type {
+    border-left-color: #409eff;
+
+    .status {
+      color: #409eff;
+    }
+  }
+
+  &.feedback-type {
+    border-left-color: #67c23a;
+
+    .status {
+      color: #67c23a;
+    }
+  }
+}
+
+.content-item {
+  margin-bottom: 6px;
+  line-height: 1.5;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.label {
+  font-weight: 500;
+  color: #303133;
+  margin-right: 5px;
+}
+
+.value {
+  color: #606266;
+
+  &.status {
+    font-weight: 500;
+  }
+
+  &.content {
+    // display: block;
+    // margin-top: 5px;
+    // word-break: break-all;
+    // white-space: pre-wrap;
+  }
+}
 </style>

src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/components/fk.vue

@@ -0,0 +1,78 @@
+<template>
+  <el-dialog v-model="modelValue" title="线索反馈" width="50%" @close="closeDialog" destroy-on-close append-to-body>
+    <div style="height: 15vh; overflow: auto;">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="submitForm">确认 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import { ref, reactive, getCurrentInstance, watch } from "vue";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+const { proxy } = getCurrentInstance()
+const { D_GS_XS_ZLLX, D_GS_ZDQT_FXDJ } = proxy.$dict('D_GS_XS_ZLLX', 'D_GS_ZDQT_FXDJ')
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  dataList: {
+    type: Object,
+    default: () => ({})
+  }
+})
+const emit = defineEmits(['update:modelValue', 'getList'])
+const elform = ref(null)
+const closeDialog = (formEl) => {
+  elform.value.reset()
+  emit('update:modelValue', false)
+}
+
+const rules = reactive({
+  fknr: [{ required: true, message: '请输入反馈内容', trigger: 'blur' }],
+})
+const listQuery = ref({})
+const formData = ref(
+  [
+    { label: "反馈内容", prop: "fknr", type: "textarea" ,width:'90%'},
+  ]
+)
+watch(() => props.modelValue, (newVal, oldVal) => {
+  if (newVal) {
+    listQuery.value.zlxxid = props.dataList.id
+  }
+}, { deep: true })
+
+
+const submitForm = (formEl) => {
+  console.log(listQuery.value);
+  elform.value.submit((valid) => {
+    if (valid) {
+      const params = {
+        ...listQuery.value,
+      }
+      qcckPost(params, '/mosty-gsxt/zlxx/fk').then((res) => {
+        proxy.$message({ type: "success", message: "反馈成功" });
+        emit('getList')
+        closeDialog()
+      }).catch(() => {
+        proxy.$message({ type: "error", message: "反馈失败" });
+      });
+      console.log(params);
+
+    } else {
+      console.log('校验失败');
+    }
+  })
+
+}
+</script>
+
+<style scoped></style>

src/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/index.vue

@@ -31,9 +31,18 @@
         </template>
         <template #czzt="{row}">
           <DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
+        </template>
+              <template #sffk="{row}">
+                {{ row.sffk == '1' ? '已反馈' : '未反馈' }}
+        </template>
+              <template #sfqs="{row}">
+                {{ row.sfqs == '0' ? '未签收' : '已签收' }}
         </template>
         <template #controls="{ row }">
+                    <el-link size="small" type="primary" v-if="row.sfqs == '0'" @click="signRow(row)">签收</el-link>
+          <el-link size="small" type="warning" @click="fkRow(row)">反馈</el-link>
           <el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
+                 <el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
           <el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
         </template>
       </MyTable>
@@ -50,6 +59,7 @@
     <!-- 详情 -->
     <DetailForm ref="detailDiloag" v-if="isShow" @updateDate="getList" :dic="{D_GS_XS_ZLLX,D_GS_ZDQT_FXDJ}" />
   </div>
+  <Fk  v-model="isShowFk"  :dataList="dataList" @getList="getList"/>
 </template>
 
 <script setup>
@@ -58,6 +68,7 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import DetailForm from "./components/detailForm.vue";
+import Fk from "./components/fk.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
@@ -87,13 +98,15 @@ const pageData = reactive({
       pageSize: 20,
       pageCurrent: 1
     },
-    controlsWidth: 120,
+    controlsWidth: 240,
     tableColumn: [
       { label: '指令标题', prop: 'zlbt' },
       { label: '指令类型', prop: 'zllx',showSolt:true  },
       { label: '指令等级', prop: 'zldj',showSolt:true  },
       { label: '反馈截止时间', prop: 'jssj' },
-      { label: '处置状态', prop: 'czzt',showSolt:true },
+      { label: '处置状态', prop: 'czzt', showSolt: true },
+      { label: '是否反馈', prop: 'sffk', showSolt: true },
+      { label: '是否签收', prop: 'sfqs', showSolt: true },
     ]
   });
 
@@ -150,7 +163,27 @@ const addEdit = (type, row) => {
     detailDiloag.value.init(type, row);
   })
 };
+// 签收
+const signRow = (row) =>{
+  proxy.$confirm("确定要签收", "警告", {type: "warning"}).then(() => {
+    qcckGet({id:row.id},'/mosty-gsxt/zlxx/qs').then(()=>{
+      proxy.$message({ type: "success",  message: "签收成功" });
+      getList();
+    })
+  }).catch(() => {});
+}
+// 反馈
+const isShowFk = ref(false)
+const dataList = ref()
+const fkRow = (row) => {
+  if (row.sfqs=='0') {
+    proxy.$message({ type: "error",  message: "请先签收" });
+    return;
+  }
+  isShowFk.value = true;
+  dataList.value = {...row};
 
+}
 // 表格高度计算
 const tabHeightFn = () => {
   pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;

src/views/backOfficeSystem/dataMonitor/components/DataTableCard.vue

@@ -0,0 +1,297 @@
+<template>
+  <div class="data-table-card" :class="`${type}-table`">
+    <div class="table-header">
+      <div class="header-left">
+        <span class="circle-point" :style="{ backgroundColor: color }"></span>
+        <span class="table-title">{{ title }}</span>
+        <!-- <el-tag size="small" type="success">{{ total }} 条</el-tag> -->
+      </div>
+      <div class="header-right">
+        <el-button type="text" size="small" @click="handleRefresh">
+          <el-icon>
+            <Refresh />
+          </el-icon>
+        </el-button>
+      </div>
+    </div>
+    <div class="table-container">
+      <el-table :data="tableData" style="width: 100%" :loading="loading" height="280" :row-class-name="getRowClassName">
+        <el-table-column prop="jklx" label="监控类型">
+          <template #default="{ row }">
+            <el-tag size="small" type="info">{{ jklxCname[row.jklx] }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="sjly" label="数据来源" show-overflow-tooltip />
+        <el-table-column prop="gxsj" label="最近更新时间">
+          <template #default="{ row }">
+            <div class="time-info">
+              <el-icon>
+                <Clock />
+              </el-icon>
+              <span>{{ row.gxsj || '' }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="online" label="通道状态" align="center">
+          <template #default="{ row }">
+            <div class="status-badge" :class="{ online: row.online }">
+              <div class="status-dot"></div>
+              <span>{{ row.sfzx == '1' ? '在线' : '离线' }}</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { Refresh, Clock } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import { getMonitorList } from '@/api/dataMonitor'
+
+// Props
+const props = defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  type: {
+    type: String,
+    required: true,
+    validator: (value) => ['police', 'government', 'social', 'unstructured'].includes(value)
+  },
+  /** 颜色标题数组 */
+  opt: {
+    type: Array,
+    default: () => []
+  }
+})
+
+// Emits
+const emit = defineEmits(['refresh'])
+
+const color = computed(() => {
+  const opt = props.opt.find(item => item.type === props.type)
+  console.log('opt: ', opt);
+  return opt ? opt.color : '#409EFF'
+
+})
+
+// 组件内部状态
+const loading = ref(false)
+const data = ref([])
+
+// 类型到监控类型的映射
+const typeToJklx = {
+  /** 01 公安内网数据 */
+  police: '01',
+  /** 02 政务数据 */
+  government: '02',
+  /** 03 社会数据 */
+  social: '03',
+  /** 04 非结构化数据 */
+  unstructured: '04'
+}
+
+const jklxCname = {
+  '01': '公安内网数据',
+  '02': '政务数据',
+  '03': '社会数据',
+  '04': '非结构化数据'
+}
+// 获取数据
+const fetchData = async () => {
+  try {
+    loading.value = true
+    const jklx = typeToJklx[props.type]
+    const params = {
+      pageCurrent: 1,
+      pageSize: 40,
+      jklx: jklx || '01'
+    }
+    const res = await getMonitorList(params) || {}
+    // 通道是否在线：0 不在线 、1 在线
+    // const onlineStatus = {
+    //   '0': '离线',
+    //   '1': '在线'
+    // }
+    // 处理数据，添加在线状态
+    data.value = (res || []).map(item => ({
+      ...item,
+      online: item.sfzx == '1' ? 1 : 0
+    }))
+  } catch (error) {
+    ElMessage.error(`获取${props.title}数据失败`)
+  } finally {
+    loading.value = false
+  }
+}
+
+// 计算属性：表格数据
+const tableData = computed(() => data.value)
+// 总数
+const total = ref(0)
+
+
+// 获取表格行类名
+const getRowClassName = ({ row }) => {
+  return row.online == '1' ? 'online-row' : 'offline-row'
+}
+
+// 刷新处理
+const handleRefresh = async() => {
+  await fetchData()
+  ElMessage.success(`数据刷新成功`)
+}
+
+// 组件挂载时获取数据
+onMounted(() => {
+  fetchData()
+})
+</script>
+
+<style scoped lang="scss">
+.data-table-card {
+  background: white;
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  margin-bottom: 16px;
+}
+
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  border-bottom: 1px solid #e4e7ed;
+  background: #f5f7fa;
+
+  .header-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    .circle-point {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      position: relative;
+
+      &::before {
+        content: '';
+        position: absolute;
+        top: -2px;
+        left: -2px;
+        right: -2px;
+        bottom: -2px;
+        border-radius: 50%;
+        background: inherit;
+        opacity: 0.3;
+        animation: pulse-light 2s ease-in-out infinite;
+      }
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 4px;
+        height: 4px;
+        border-radius: 50%;
+        background: white;
+      }
+    }
+    .table-title {
+      font-size: 14px;
+      font-weight: 500;
+      color: #303133;
+    }
+  }
+
+  .header-right {
+    .el-button {
+      color: #909399;
+
+      &:hover {
+        color: #409eff;
+      }
+    }
+  }
+}
+
+.table-container {
+  padding: 16px;
+}
+
+
+
+// 状态徽章样式
+.status-badge {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  // padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+
+  &.online {
+    color: #67c23a;
+    background: #f0f9ff;
+  }
+
+  &:not(.online) {
+    color: #f56c6c;
+    background: #fef0f0;
+  }
+
+  .status-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: currentColor;
+  }
+}
+
+// 时间信息样式
+.time-info {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: #606266;
+  font-size: 12px;
+
+  .el-icon {
+    color: #909399;
+  }
+}
+
+// 光圈动画
+@keyframes pulse-light {
+  0% {
+    opacity: 0.3;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.1;
+    transform: scale(1.3);
+  }
+  100% {
+    opacity: 0.3;
+    transform: scale(1);
+  }
+}
+
+// 表格行状态
+:deep(.el-table) {
+  .online-row {
+    background-color: #f0f9ff;
+  }
+
+  .offline-row {
+    background-color: #fef0f0;
+  }
+}
+</style>

src/views/backOfficeSystem/dataMonitor/onlineUserMonitoring/index.vue

@@ -0,0 +1,170 @@
+<template>
+  <div>
+    <div class="titleBox">
+      <PageTitle title="在线用户监控">
+      </PageTitle>
+    </div>
+    <!-- 搜索 -->
+    <!-- <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
+    </div> -->
+    <!-- 表格 -->
+    <div class="tabBox">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        <template #sex="{ row }">
+          <dict-tag :options="D_BZ_XB" :value="row.sex" :tag="false" />
+        </template>
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
+        </template>
+      </MyTable>
+      <!-- <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages> -->
+    </div>
+    <!-- 编辑详情 -->
+    <!-- <EditAddForm  v-if="show" ref="detailDiloag" :dic="{ JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ }"
+      @updateDate="getList" /> -->
+  </div>
+</template>
+
+<script setup>
+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 EditAddForm from "./components/editAddForm.vue";
+// import { socketCurrentUser } from '@/api/HumanIntelligence/integralList.js'
+import { socketCurrentUser } from "@/api/dataWatch/onlineUser.js"
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+// import { jflylxTypes } from "./dict.js"
+const { proxy } = getCurrentInstance();
+const { D_BZ_XB, } = proxy.$dict("D_BZ_XB",); //获取字典数据
+
+const detailDiloag = ref();
+const show = ref(false)
+const userTypeArr = [
+  { label: '系统用户', value: '00' },
+  { label: '注册用户', value: '01' }
+]
+const searchConfiger = ref([
+  {
+    label: "用户昵称",
+    prop: "userName",
+    placeholder: "请输入用户昵称",
+    showType: "input"
+  },
+
+  {
+    label: "用户类型",
+    prop: "userType",
+    placeholder: "请选择用户类型",
+    showType: "select",
+    options: userTypeArr
+  },
+
+]);
+const searchBox = ref(); //搜索框
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    haveControls: false, //不显示【操作列】
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false,
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 160, //操作栏宽度
+  tableColumn: [
+    { label: "用户昵称", prop: "userName" },
+    { label: "登录账号", prop: "loginName" },
+    { label: "用户类型", prop: "userType_cname" },
+    { label: "性别", prop: "sex", showSolt: true },
+    { label: "移动电话", prop: "mobile" },
+    { label: "邮箱", prop: "email" },
+    { label: "管理部门", prop: "managerOrgName" },
+    { label: "岗位名称", prop: "positionName" },
+    { label: "行业号码", prop: "inDustRialId" },
+    { label: "备注", prop: "bz", showOverflowTooltip: true },
+  ]
+});
+onMounted(() => {
+  tabHeightFn();
+  getList()
+});
+const listQuery = ref({})
+// 搜索
+const onSearch = (val) => {
+  listQuery.value = { ...val };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+const getUserTypeName = (val) => {
+  const userTypeObj = userTypeArr.find(item => item.value === val)
+  return userTypeObj ? userTypeObj.label : ''
+}
+
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  const params = {
+    ...listQuery.value
+  }
+
+  socketCurrentUser(params).then(res => {
+    // socketCurrentUser 返回的是数组格式，不是分页对象
+    pageData.tableData = Array.isArray(res) ? res : [];
+    pageData.tableData = pageData.tableData.map(item => {
+      item.userType_cname = getUserTypeName(item.userType);
+      return item;
+    })
+    pageData.total = Array.isArray(res) ? res.length : 0;
+
+  }).finally(() => {
+    pageData.tableConfiger.loading = false;
+  })
+}
+
+
+
+// 新增
+const addEdit = (type, row) => {
+  show.value = true;
+  nextTick(() => {
+    detailDiloag.value.init(type, row,);
+  })
+};
+
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - (searchBox.value?.offsetHeight || 0) - 250;
+  window.onresize = function() {
+    tabHeightFn();
+  };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

src/views/backOfficeSystem/dataMonitor/resourceMonitoring/index.vue

@@ -0,0 +1,336 @@
+<template>
+  <div class="data-monitor-container">
+    <!-- 第一行：统计数据展示 -->
+    <div class="statistics-section">
+      <el-row :gutter="24">
+        <el-col :span="6" v-for="item in statisticsData" :key="item.type">
+          <div class="statistics-card" :class="item.type" :style="{ backgroundColor: item.color }">
+            <div class="card-background">
+              <div class="bg-pattern"></div>
+            </div>
+            <div class="statistics-content">
+              <div class="statistics-icon">
+                <el-icon size="48">
+                  <component :is="item.icon" />
+                </el-icon>
+              </div>
+              <div class="statistics-info">
+                <div class="statistics-title">{{ item.title }}</div>
+                <div class="statistics-value">{{ item.value }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <!-- 第二行：公安内网数据和政务数据 -->
+    <div class="table-section">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <DataTableCard :opt="statisticsData" title="公安内网数据" type="police" />
+        </el-col>
+        <el-col :span="12">
+          <DataTableCard :opt="statisticsData" title="政务数据" type="government" />
+        </el-col>
+      </el-row>
+    </div>
+
+    <!-- 第三行：社会数据和非结构化数据 -->
+    <div class="table-section">
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <DataTableCard :opt="statisticsData" title="社会数据" type="social" />
+        </el-col>
+        <el-col :span="12">
+          <DataTableCard :opt="statisticsData" title="非结构化数据" type="unstructured" />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import { Monitor, DataLine, User, Document } from '@element-plus/icons-vue'
+import { getStatisticsData } from '@/api/dataMonitor'
+import DataTableCard from '../components/DataTableCard.vue'
+
+// 统计数据
+const statisticsData = ref([
+  {
+    type: 'police',
+    title: '公安内网数据',
+    value: 0,
+    icon: Monitor,
+    color: '#409EFF',
+  },
+  {
+    type: 'government',
+    title: '政务数据',
+    value: 0,
+    icon: DataLine,
+    color: '#67C23A',
+  },
+  {
+    type: 'social',
+    title: '社会数据',
+    value: 0,
+    icon: User,
+    color: '#E6A23C',
+  },
+  {
+    type: 'unstructured',
+    title: '非结构化数据',
+    value: 0,
+    icon: Document,
+    color: '#F56C6C',
+  }
+])
+
+// 获取统计数据
+const fetchStatisticsData = async () => {
+  try {
+    const res = await getStatisticsData()
+    console.log('res: ', res)
+    if (res) {
+      statisticsData.value[0].value = res.ganwsj || 0 // 公安内网数据
+      statisticsData.value[1].value = res.zwsj || 0 // 政务数据
+      statisticsData.value[2].value = res.shsj || 0 // 社会数据
+      statisticsData.value[3].value = res.fjghsj || 0 // 非结构化数据
+    }
+  } catch (error) {
+    console.error('获取统计数据失败:', error)
+    ElMessage.error('获取统计数据失败')
+  }
+}
+
+// 处理表格刷新事件
+const handleTableRefresh = (type) => {
+  ElMessage.success('数据已刷新')
+}
+
+// 页面加载时获取统计数据
+onMounted(() => {
+  fetchStatisticsData()
+})
+</script>
+
+<style scoped lang="scss">
+.data-monitor-container {
+  height: calc(100vh - 125px);
+  padding: 20px;
+  background: #fff;
+  overflow: auto;
+}
+
+// 页面头部
+.page-header {
+  background: white;
+  border-radius: 12px;
+  padding: 24px;
+  margin-bottom: 24px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  backdrop-filter: blur(10px);
+
+  .header-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .page-title {
+    display: flex;
+    align-items: center;
+    margin: 0;
+    font-size: 28px;
+    font-weight: 700;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+
+    .title-icon {
+      margin-right: 12px;
+      font-size: 32px;
+      color: #667eea;
+    }
+  }
+
+  .header-actions {
+    display: flex;
+    gap: 12px;
+  }
+}
+
+// 统计卡片样式
+.statistics-section {
+  margin-bottom: 32px;
+}
+
+.statistics-card {
+  position: relative;
+  background: white;
+  border-radius: 16px;
+  padding: 24px;
+  // cursor: pointer;
+  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+  // overflow: hidden;
+  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15);
+  backdrop-filter: blur(4px);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+
+  &:hover {
+    transform: translateY(-8px) scale(1.02);
+    box-shadow: 0 16px 48px rgba(31, 38, 135, 0.25);
+  }
+
+  &.police {
+    .statistics-icon {
+      color: #fff;
+    }
+  }
+
+  &.government {
+    .statistics-icon {
+      color: #fff;
+    }
+  }
+
+  &.social {
+    .statistics-icon {
+      color: #fff;
+    }
+  }
+
+  &.unstructured {
+    .statistics-icon {
+      color: #fff;
+    }
+  }
+}
+
+.card-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  opacity: 0.1;
+
+  .bg-pattern {
+    position: absolute;
+    width: 200px;
+    height: 200px;
+    background: radial-gradient(circle, white 1px, transparent 1px);
+    background-size: 20px 20px;
+    border-radius: 50%;
+    top: -100px;
+    right: -100px;
+    animation: float 6s ease-in-out infinite;
+  }
+}
+
+.statistics-content {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+}
+
+.statistics-icon {
+  margin-right: 20px;
+  padding: 16px;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(10px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
+}
+
+.statistics-info {
+  flex: 1;
+  color: white;
+}
+
+.statistics-title {
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 8px;
+  opacity: 0.9;
+}
+
+.statistics-value {
+  font-size: 36px;
+  font-weight: 700;
+  margin-bottom: 8px;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+
+
+
+
+// 表格区域样式
+.table-section {
+  margin-bottom: 24px;
+}
+
+// 响应式设计
+@media (max-width: 1200px) {
+  .statistics-card {
+    margin-bottom: 16px;
+  }
+}
+
+@media (max-width: 768px) {
+  .data-monitor-container {
+    padding: 16px;
+    overflow: auto;
+  }
+
+  .page-header {
+    padding: 16px;
+
+    .header-content {
+      flex-direction: column;
+      gap: 16px;
+      align-items: flex-start;
+    }
+
+    .page-title {
+      font-size: 22px;
+    }
+  }
+
+  .statistics-card {
+    padding: 16px;
+
+    .statistics-content {
+      flex-direction: column;
+      text-align: center;
+    }
+
+    .statistics-icon {
+      margin-right: 0;
+      margin-bottom: 12px;
+    }
+
+    .statistics-value {
+      font-size: 28px;
+    }
+  }
+
+  .table-header {
+    padding: 12px 16px;
+    flex-direction: column;
+    gap: 8px;
+    align-items: flex-start;
+  }
+
+  .table-container {
+    padding: 8px;
+  }
+}
+</style>

src/views/backOfficeSystem/fourColorManage/IntegralCoefficient/components/editAddForm.vue

@@ -0,0 +1,118 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">积分系数规则{{ title }} </span>
+      <div>
+        <el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import DialogList from '@/views/backOfficeSystem/fourColorManage/components/dialogList.vue'
+import FormMessage from '@/components/aboutTable/FormMessage.vue'
+import {sjxsglAddEntity ,sjxsglEditEntity,sjxsgId} from '@/api/sjxsgl.js'
+import { ref,defineProps, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance } from "vue";
+const emit = defineEmits(["updateDate"]);
+const props = defineProps({
+  type:String,
+  dic:Object,
+});
+const showDialog = ref(false); //弹窗
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const formData = reactive([
+  { label: "系数名称", prop: "mc", type: "input" },
+  { label: "衰减比列", prop: "sjbl", type: "number", max: 100,step:0.1 },
+  { label: "计算规则", prop: "jsgz", type: "textarea" ,width:'100%'},
+]);
+
+const rules = reactive({
+  mc: [{ required: true, message: "请输入系数名称", trigger: "blur" }],
+  sjbl: [{ required: true, message: "请输入衰减比列", trigger: "blur" }],
+  jsgz: [{ required: true, message: "请输入计算规则", trigger: ['blur','change'] }],
+});
+
+// 初始化数据
+const init = (type, row,) => {
+  title.value = type == 'add' ? "新增" : "编辑";
+  dialogForm.value = true;
+  if (row) getDataById(row.id);
+};
+
+// 根据id查询详情
+const getDataById = (id) => {
+  sjxsgId(id).then((res) => {
+    listQuery.value = res;
+  });
+};
+
+// 提交
+const submit = () => {
+  console.log("xxxxxxxx");
+
+  elform.value.submit((data) => {
+    const promes = {
+...data
+    }
+    console.log(promes);
+
+    if ( title.value == "新增" ) {
+      sjxsglAddEntity(promes).then((res) => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("updateDate");
+        loading.value = false;
+        close();
+      }).catch(() => {loading.value = false;});
+    } else {
+      sjxsglEditEntity(promes).then((res) => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("updateDate");
+        loading.value = false;
+        close();
+      }).catch(() => {loading.value = false;});
+    }
+    // let url =  title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
+    // let params = { ...data, bqLb:props.dic.D_GS_BQ_LB.find((it)=>it.zdmc == props.type).dm }
+    // params.bqLx = '01';
+    // loading.value = true;
+    // qcckPost(params, url).then((res) => {
+    //   proxy.$message({ type: "success", message: title.value + "成功" });
+    //   emit("updateDate");
+    //   loading.value = false;
+    //   close();
+    // }).catch(() => {loading.value = false;});
+  });
+};
+
+// 选择的数据
+const chooseDate = (val) => {
+  listQuery.value.bqDlId = val[0].id;
+  listQuery.value.bqDlMc = val[0].bqMc;
+}
+
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+  if(props.type == '标签细类') formData.pop()
+
+};
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+</style>

src/views/backOfficeSystem/fourColorManage/IntegralCoefficient/index.vue

@@ -0,0 +1,149 @@
+<template>
+  <div>
+    <div class="titleBox">
+      <PageTitle title="积分系数配置">
+        <el-button type="primary" @click="addEdit('add', '')">
+          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+          <span style="vertical-align: middle">新增</span>
+        </el-button>
+      </PageTitle>
+    </div>
+    <!-- 搜索 -->
+    <div ref="searchBox">
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
+    </div>
+    <!-- 表格 -->
+    <div class="tabBox" :style="{height:pageData.tableHeight+20+'px'}">
+      <MyTable
+        :tableData="pageData.tableData"
+        :tableColumn="pageData.tableColumn"
+        :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount"
+        :tableConfiger="pageData.tableConfiger"
+        :controlsWidth="pageData.controlsWidth"
+      >
+        <!-- 操作 -->
+        <template #controls="{ row }">
+          <el-link size="small" @click="addEdit('edit', row)">编辑</el-link>
+          <el-link size="small" @click="delDictItem(row.id)" type="danger">删除</el-link>
+        </template>
+      </MyTable>
+      <Pages
+        @changeNo="changeNo"
+        @changeSize="changeSize"
+        :tableHeight="pageData.tableHeight"
+        :pageConfiger="{
+          ...pageData.pageConfiger,
+          total: pageData.total
+        }"
+      ></Pages>
+    </div>
+    <!-- 编辑详情 -->
+    <EditAddForm v-if="show" ref="detailDiloag" :type="type" :dic="{D_GS_BQ_LX,D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB}" @updateDate="getList" />
+  </div>
+</template>
+
+<script setup>
+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 EditAddForm from "./components/editAddForm.vue";
+import {sjxsglDeleteEntity ,sjxsglGetPageList} from '@/api/sjxsgl.js'
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+const { proxy } = getCurrentInstance();
+const { D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB,D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ","D_GS_SSYJ","D_GS_BQ_LB","D_GS_BQ_LX"); //获取字典数据
+const detailDiloag = ref();
+const searchBox = ref(); //搜索框
+const type = ref('标签大类')
+const show = ref(false)
+const searchConfiger = ref([
+  { label: "计算规则",prop:'jsgz',placeholder: "请输入计算规则", showType: "input"},
+  { label: "系数名称",prop:'mc' ,placeholder: "请输入系数名称", showType: "input"},
+]);
+const queryFrom = ref({});
+const pageData = reactive({
+  tableData: [], //表格数据
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "null",
+    loading: false
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 150, //操作栏宽度
+  tableColumn: [
+    { label: "系数名称", prop: "mc" },
+    { label: "衰减比列", prop: "sjbl" },
+    { label: "计算规则", prop: "jsgz"},
+  ]
+});
+onMounted(() => {
+  getList()
+  tabHeightFn();
+});
+
+
+// 搜索
+const onSearch = (val) =>{
+  queryFrom.value = {...val}
+  pageData.pageConfiger.pageCurrent = 1;
+  getList()
+}
+
+// 分页
+const changeNo = (val) =>{
+  pageData.pageConfiger.pageCurrent = val;
+  getList()
+}
+// 页数
+const changeSize = (val) =>{
+  pageData.pageConfiger.pageSize = val;
+  getList()
+}
+
+// 获取列表
+const getList = () =>{
+  pageData.tableConfiger.loading = true;
+  let data = { ...pageData.pageConfiger,...queryFrom.value };
+  data.bqLb = type.value == '标签大类'? '01':'02'
+  sjxsglGetPageList(data).then(res=>{
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(()=>{ pageData.tableConfiger.loading = false; })
+}
+// 删除
+const delDictItem = (id) =>{
+  proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
+    sjxsglDeleteEntity({ids:[id]}).then(()=>{
+      proxy.$message({ type: "success",  message: "删除成功" });
+      getList();
+    })
+  }).catch(() => {});
+}
+
+// 新增
+const addEdit = (type, row) => {
+  show.value = true;
+  nextTick(()=>{
+    detailDiloag.value.init(type, row);
+  })
+};
+
+// 表格高度计算
+const tabHeightFn = () => {
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  window.onresize = function () { tabHeightFn(); };
+};
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

src/views/backOfficeSystem/fourColorManage/tagManage/index.vue

@@ -12,7 +12,9 @@
           <span style="vertical-align: middle">导入</span>
         </el-button> -->
         <el-button type="primary" @click="addEdit('add', '')">
-          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
+          <el-icon style="vertical-align: middle">
+            <CirclePlus />
+          </el-icon>
           <span style="vertical-align: middle">新增</span>
         </el-button>
       </PageTitle>
@@ -23,14 +25,8 @@
     </div>
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :tableData="pageData.tableData"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
-        :tableColumn="pageData.tableColumn"
-        :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
-        :controlsWidth="pageData.controlsWidth"
-      >
         <template #bqYs="{ row }">
           <DictTag :value="row.bqYs" :tag="false" :options="D_GS_SSYJ" />
         </template>
@@ -39,22 +35,21 @@
         </template>
         <!-- 操作 -->
         <template #controls="{ row }">
+          <el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
           <el-link type="primary" @click="addEdit('edit', row)">编辑</el-link>
           <el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
         </template>
       </MyTable>
-      <Pages
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
         ...pageData.pageConfiger,
         total: pageData.total
-        }"
+      }"></Pages>
-      ></Pages>
     </div>
     <!-- 编辑详情 -->
-    <EditAddForm v-if="show" ref="detailDiloag" :dic="{D_GS_BQ_LX,D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB}" @updateDate="getList" />
+    <EditAddForm v-if="show" ref="detailDiloag" :dic="{ D_GS_BQ_LX, D_GS_BQ_DJ, D_GS_SSYJ, D_GS_BQ_LB }"
+      @updateDate="getList" />
+<ChooseJf v-model="chooseJfShow" titleValue="选择系数"  :Single="false"
+   :chooseJfBh="chooseJfBh"  url="/tbGsxtBqzh/sjxspz" :roleIds="roleIds"/>
   </div>
 </template>
 
@@ -64,19 +59,21 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import EditAddForm from "./components/editAddForm.vue";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { tbGsxtBqzhId } from "@/api/yj.js";
 import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
-const { D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB,D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ","D_GS_SSYJ","D_GS_BQ_LB","D_GS_BQ_LX"); //获取字典数据
+const { D_GS_BQ_DJ, D_GS_SSYJ, D_GS_BQ_LB, D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ", "D_GS_SSYJ", "D_GS_BQ_LB", "D_GS_BQ_LX"); //获取字典数据
 const detailDiloag = ref();
 const show = ref(false)
 const searchBox = ref(); //搜索框
 const searchConfiger = ref(
   [
-  { label: "组合标签名称", prop: 'bqMc', placeholder: "请输入组合标签名称", showType: "input"},
+    { label: "组合标签名称", prop: 'bqMc', placeholder: "请输入组合标签名称", showType: "input" },
     // { label: "组合标签标签等级", prop: 'bqDj', placeholder: "请选择组合标签标签等级", showType: "select",options: D_GS_BQ_DJ   },
-  { label: "组合标签颜色", prop: 'bqYs', placeholder: "请选择组合标签标签颜色", showType: "select",options: D_GS_SSYJ   },
+    { label: "组合标签颜色", prop: 'bqYs', placeholder: "请选择组合标签标签颜色", showType: "select", options: D_GS_SSYJ },
-]);
+  ]);
 const queryFrom = ref({});
 const pageData = reactive({
   tableData: [], //表格数据
@@ -96,9 +93,9 @@ const pageData = reactive({
     { label: "组合标签名称", prop: "bqMc" },
     { label: "标签代码", prop: "bqDm" },
     // { label: "组合标签等级", prop: "bqDj",showSolt:true },
-    { label: "组合标签颜色", prop: "bqYs",showSolt:true },
+    { label: "组合标签颜色", prop: "bqYs", showSolt: true },
-    { label: "组合标签分值", prop: "bqFz"},
+    { label: "组合标签分值", prop: "bqFz" },
-    { label: "组合标签说明", prop: "bqSm",showOverflowTooltip:true },
+    { label: "组合标签说明", prop: "bqSm", showOverflowTooltip: true },
   ]
 });
 onMounted(() => {
@@ -108,51 +105,61 @@ onMounted(() => {
 
 
 // 搜索
-const onSearch = (val) =>{
+const onSearch = (val) => {
-  queryFrom.value = {...val}
+  queryFrom.value = { ...val }
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
 
-const changeNo = (val) =>{
+const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   getList()
 }
-const changeSize = (val) =>{
+const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
   getList()
 }
 
-const getList = () =>{
+const getList = () => {
   pageData.tableConfiger.loading = true;
-  qcckGet(queryFrom.value,'/mosty-gsxt/tbGsxtBqzh/selectPage').then((res)=>{
+  qcckGet(queryFrom.value, '/mosty-gsxt/tbGsxtBqzh/selectPage').then((res) => {
     pageData.tableData = res.records;
     pageData.total = res.total;
     pageData.tableConfiger.loading = false;
-  }).catch(()=>{
+  }).catch(() => {
     pageData.tableConfiger.loading = false;
   })
 }
 
 
 // 删除
-const delDictItem = (id) =>{
+const delDictItem = (id) => {
-  proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
+  proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
-    qcckDelete({},'/mosty-gsxt/tbGsxtBqzh/'+id).then(()=>{
+    qcckDelete({}, '/mosty-gsxt/tbGsxtBqzh/' + id).then(() => {
       proxy.$message({ type: "success", message: "删除成功" });
       getList();
     })
-  }).catch(() => {});
+  }).catch(() => { });
 }
 
 // 新增
 const addEdit = (type, row) => {
   show.value = true;
-  nextTick(()=>{
+  nextTick(() => {
     detailDiloag.value.init(type, row,);
   })
 };
-
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds=ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value=val.id
+  tbGsxtBqzhId(val.id).then(res => {
+  roleIds.value=res.sjxspzList.map(item => item.xsid)
+  chooseJfShow.value = true
+})
+}
 
 // 表格高度计算
 const tabHeightFn = () => {

src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/components/czjy.vue

@@ -0,0 +1,49 @@
+<template>
+    <el-dialog title="处置建议" v-model="visible" width="50%" v-if="visible" @close="closeHndle">
+        <el-form :model="form" ref="formRef" :rules="rules" label-width="120px" >
+            <el-form-item label="处置建议" prop="jynr">
+                <el-input v-model="form.jynr" placeholder="请输入处置建议" type="textarea"></el-input>
+            </el-form-item>
+                <div class="flex just-center">
+                    <el-button type="primary" @click="okSubmit">确定</el-button>
+                    <el-button @click="closeHndle">返回</el-button>
+                </div>
+        </el-form>
+    </el-dialog>
+</template>
+
+<script setup>
+import { qcckPost } from "@/api/qcckApi.js";
+import { ref , defineExpose} from 'vue'
+const emit = defineEmits(['okSubmit'])
+const visible = ref(false)
+const formRef = ref()
+const form = ref({})
+
+const rules = ref({
+  jynr: [
+    { required: true, message: '请输入处置建议', trigger: 'blur' }
+  ]
+})
+const init = (row) => {
+  visible.value = true;
+  form.value.yjid = row.id;
+}
+const closeHndle = () => {
+  visible.value = false;
+  form.value = {};
+}
+const okSubmit = async () => {
+  await formRef.value.validate((valid) => {
+    if (!valid)  return;
+    let params = {...form.value , lylx:'03'}
+    qcckPost(params,'/mosty-gsxt/yjxx/czjy/insert').then((res) => {
+        emit('okSubmit', {...form.value})
+        closeHndle()
+    })
+  })
+}
+defineExpose({
+  init
+})
+</script>

src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue

@@ -10,32 +10,49 @@
           <span style="vertical-align: middle" v-if="!search">搜索</span>
           <span style="vertical-align: middle" v-else>关闭搜索</span>
         </el-button>
+        <el-button type="primary" @click="exportExl">导出</el-button>
       </PageTitle>
     </div>
     <!-- 搜索 -->
     <div ref="searchBox" v-if="search">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Searchs>
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
     </div>
     <!-- 表格 -->
     <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :expand="true" @chooseData="handleChooseData">
         <template #xwcs="{ row }">
           <span style="color: #0072ff;" @click="handleClick(row)">{{ row.xwcs }}</span>
         </template>
-        <template #bqYs="{ row }">
+        <template #bqys="{ row }">
           <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)" :options="D_GS_SSYJ" />
         </template>
         <template #czzt="{ row }">
           <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
         </template>
+        <template #expand="{ props }">
+          <div class="expand-content" style="max-width: 100%">
+            <Items :row="props" :dict="dict" />
+          </div>
+        </template>
         <template #controls="{ row }">
           <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="showDetail(row)">转合成</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link>
+        <el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01'">签收</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02'">反馈</el-link>
+          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link>
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs ">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
           <el-link type="primary" @click="openAddModel(row)">详情</el-link>
         </template>
       </MyTable>
@@ -55,15 +72,25 @@
   </Information>
   <!-- 详情 -->
   <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }"></AddFrom>
+
+<!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+ <ChooseJf v-model="chooseJfShow" titleValue="选择系数"  :Single="false"
+   :chooseJfBh="chooseJfBh"  url="/yjzxXwyj/sjxspz" :roleIds="roleIds"/>
 </template>
 
 <script setup>
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
 import * as XLSX from "xlsx";
 import Detail from './components/detail.vue'
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import Searchs from "@/components/aboutTable/Search.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
+import Items from "./item/items.vue";
+import {yjzxXwyjSelectList } from "@/api/yj.js";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
 import { tbGsxtBqglSelectList } from '@/api/zdr'
@@ -74,10 +101,22 @@ import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/ce
 import { reactive, ref, onMounted, getCurrentInstance, computed, watch, nextTick } from "vue";
 import AddFrom from './components/addFrom.vue'
 import { holographicProfileJump } from "@/utils/tools.js"
-
+import { getMultiDictVal } from "@/utils/dict.js"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+const czjyRef = ref()
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
 const { proxy } = getCurrentInstance();
-const { D_GS_SSYJ, D_GSXT_YJXX_CZZT } = proxy.$dict("D_GS_SSYJ", "D_GSXT_YJXX_CZZT"); //获取字典数据
+const { D_BZ_YJJB,D_GS_SSYJ, D_GSXT_YJXX_CZZT } = proxy.$dict('D_BZ_YJJB',"D_GS_SSYJ", "D_GSXT_YJXX_CZZT"); //获取字典数据
+
+// 字典数据集合
+const dict = ref({
+  D_GS_SSYJ,
+  D_GSXT_YJXX_CZZT
+})
 const searchBox = ref(); //搜索框
+/** 选中项 */
+const selectRows = ref([])
 const bqLbData = ref({
   bqXl: []
 })
@@ -87,10 +126,10 @@ const searchConfiger = ref(
     { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
     { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
     { label: "电话号码", prop: 'dh', placeholder: "请输入电话号码", showType: "input" },
-    {
+    { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
-      label: "标签小类", prop: 'bqxl', placeholder: "请选择标签小类",
+    { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
-      showType: "select", options: []
+    { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
-    },
+    { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
   ]);
 
 const detailRef = ref()
@@ -100,7 +139,7 @@ const pageData = reactive({
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "null",
+    showSelectType: "checkBox",
     loading: false,
     haveControls: true
   },
@@ -113,15 +152,16 @@ const pageData = reactive({
   tableColumn: [
     { label: "姓名", prop: "xm" },
     { label: "身份证号", prop: "sfzh", width: 200 },
-    { label: "电话", prop: "dh", width: 150 },
+    // { label: "电话", prop: "dh", width: 150 },
     { label: "行为大类", prop: "xldlmc" },
     { label: "行为子类", prop: "xwzlmc", showOverflowTooltip: true },
     { label: "行为描述", prop: "xwms", showOverflowTooltip: true },
     { label: "行为次数", prop: "xwcs", showSolt: true },
-    { label: "行为颜色", prop: "bqYs", showSolt: true },
+    { label: "行为颜色", prop: "bqys", showSolt: true },
     { label: "行为分值", prop: "xwfz", },
     { label: "处置状态", prop: "czzt", showSolt: true },
-    { label: "所属县局", prop: "ssbm" },
+    { label: "所属县局", prop: "ssxgaj" },
+    { label: "处置单位", prop: "ssbm" },
   ]
 });
 
@@ -136,25 +176,37 @@ const gettbGsxtBqglSelectList = (val) => {
     }) || []
   })
 }
-watch(() => bqLbData.value.bqXl, (res) => {
+
-  searchConfiger.value.push({
-    label: "标签小类", prop: 'bqxl', placeholder: "请选择标签小类",
-    showType: "select", options: res
-  },)
-}, { deep: true })
 onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let obj = rols.find(item => {
+    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
   tabHeightFn();
   getList()
   gettbGsxtBqglSelectList('02')
 
 });
 
+const handleCzjy = (row) => {
+  czjyRef.value.init( row)
+}
+
 // 搜索
 const onSearch = (val) => {
-  queryFrom.value = { ...val }
+  queryFrom.value = { ...queryFrom.value,...val };
   pageData.pageConfiger.pageCurrent = 1;
   getList()
 }
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
 const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   getList()
@@ -211,7 +263,7 @@ const bqYs = (val) => {
 const assessShow = ref(false)
 const dataList = ref()
 const pushAssess = (val) => {
-  return holographicProfileJump(val?.rysfzh) // 全息档案跳转
+  return holographicProfileJump(val?.sfzh) // 全息档案跳转
   // assessShow.value = true;
   // dataList.value = val;
 }
@@ -275,6 +327,19 @@ const openSearch = () => {
     tabHeightFn()
   })
 }
+
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds=ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value=val.id
+  yjzxXwyjSelectList(val.id).then(res => {
+  roleIds.value=res.sjxspzList.map(item => item.xsid)
+  chooseJfShow.value = true
+})
+}
+
 // 表格高度计算
 const tabHeightFn = () => {
   if (search.value) {
@@ -286,6 +351,39 @@ const tabHeightFn = () => {
     tabHeightFn();
   };
 };
+
+
+/** 触发选中 */
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    xm: "姓名",
+    sfzh: "身份证号",
+    dh: "电话",
+    xldlmc: "行为大类",
+    xwzlmc: "行为子类",
+    xwms: "行为描述",
+    xwcs: "行为次数",
+    bqys_cname: "行为颜色",
+    xwfz: "行为分值",
+    czzt_cname: "处置状态",
+    ssbm: "所属县局",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '行为预警')
+
+}
+
 </script>
 
 <style>

src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/item/items copy.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="warning-item">
+    <div class="second-row">
+      <div class="info-item">预警人姓名：<span>{{ row.xm }}</span></div>
+      <div class="info-item">身份证号：<span>{{ row.sfzh }}</span></div>
+      <div class="info-item">电话：<span>{{ row.dh }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">行为大类：<span>{{ row.xldlmc }}</span></div>
+      <div class="info-item">行为子类：<span>{{ row.xwzlmc }}</span></div>
+      <div class="info-item">行为次数：<span>{{ row.xwcs }}次</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">
+        标签颜色：
+        <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)"
+          :options="Array.isArray(props.dict.D_GS_SSYJ) ? props.dict.D_GS_SSYJ : []" />
+      </div>
+      <div class=" info-item">预警时间：<span>{{ row.yjsj }}</span>
+      </div>
+      <div class="info-item">行为分值：<span>{{ row.xwfz }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">
+        处置状态：
+
+        <DictTag v-model:value="row.czzt"
+          :options="Array.isArray(props.dict.D_GSXT_YJXX_CZZT) ? props.dict.D_GSXT_YJXX_CZZT : []" />
+      </div>
+      <div class="info-item">所属部门：<span>{{ row.ssbm }}</span></div>
+      <div class="info-item">所属县局：<span>{{ row.ssxgaj }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">所属市局：<span>{{ row.sssgaj }}</span></div>
+      <div class="info-item">接警员姓名：<span>{{ row.jjyxm }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item full-width">行为描述：<span>{{ row.xwms }}</span></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  /** 表格行数据 */
+  row: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({
+      D_GS_SSYJ: [],
+      D_GSXT_YJXX_CZZT: []
+    })
+  },
+})
+
+const bqYs = (val) => {
+  if (val == '01') { // 红
+    return '#ff0202'
+  } else if (val == '02') { // 橙
+    return '#ff8c00'
+  } else if (val == '03') { // 黄
+    return '#c2c203' // 原亮黄色：ffff00
+  } else if (val == '04') { // 蓝
+    return '#0000ff'
+  }
+}
+
+</script>
+
+<style lang="scss" scoped>
+.warning-item {
+  width: 100%;
+  padding: 15px;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  background-color: #fafafa;
+}
+
+.second-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  margin-bottom: 10px;
+}
+
+.info-item {
+  flex: 0 0 calc(33.33% - 20px);
+  box-sizing: border-box;
+  display: flex;
+  padding: 5px 0;
+  color: #333;
+
+  span {
+    font-weight: 500;
+    color: #606266;
+  }
+}
+
+// 全宽字段
+.full-width {
+  flex: 0 0 100% !important;
+}
+</style>

src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/item/items.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="warning-item" >
+
+    <el-divider content-position="left">处置建议</el-divider>
+    <div class="item-row" v-for="(it,idx) in list" :key="idx">
+      <div class="info-item">
+        <span class="text">预警人姓名：{{ it.jryXm }}</span>
+        <span class="text">建议时间：{{ it.jysj }}</span>
+        <span class="text">所属部门：{{ it.ssbm }}</span>
+      </div>
+      <div class="info-item">建议内容：<span>{{ it.jynr || '暂无' }}</span></div>
+    </div>
+    <div>
+      <el-empty v-if="list.length === 0" description="暂无数据" />
+    </div>
+
+    <el-divider content-position="left">反馈内容</el-divider>
+    <div class="item-row" v-for="(it,idx) in Fklist" :key="idx">
+      <div class="info-item">
+        <span class="text">处置地址：{{ it.czdz }}</span>
+        <span class="text">处置时间：{{ it.czsj }}</span>
+      </div>
+      <div class="info-item">
+        <span class="text">常控不尿检理由：<span>{{ it.ckbnjly || '暂无' }}</span></span>
+        <span class="text">常控处置反馈补充信息：<span>{{ it.ckczbcxx || '暂无' }}</span></span>
+        <span class="text">常控立线侦察评估：<span>{{ it.cklxzcpg || '暂无' }}</span></span>
+        <span class="text">常控立线侦察评估依据：<span>{{ it.cklxzcpgyj || '暂无' }}</span></span>
+      </div>
+    </div>
+    <div>
+      <el-empty v-if="Fklist.length === 0" description="暂无数据" />
+    </div>
+    
+  </div>
+</template>
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { qcckPost,qcckGet } from "@/api/qcckApi.js";
+
+const props = defineProps({
+  /** 表格行数据 */
+  row: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({
+      D_GS_SSYJ: [],
+      D_GSXT_YJXX_CZZT: []
+    })
+  },
+})
+const list = ref([])
+const Fklist = ref([])
+onMounted(() => {
+  qcckPost({yjid: props.row.id},'/mosty-gsxt/yjxx/czjy/getPageList').then((res) => {
+    list.value = res.records || []
+  })
+  qcckGet({},'/mosty-gsxt/yjzxXwyj/'+ props.row.id).then((res) => {
+    Fklist.value = res.fkList || []
+  })
+})
+// console.log('row😃: ', props.row);
+</script>
+<style lang="scss" scoped>
+.warning-item {
+  width: 100%;
+  padding: 15px;
+  border-radius: 8px;
+  background-color: #fafafa;
+}
+.item-row{
+  border-bottom: 1px dashed #e8e8e8;
+  line-height: 36px;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+}
+.info-item{
+  line-height: 36px;
+  width: 100%;
+  .text{
+    display: inline-block;
+    width: 25%;
+    margin-right: 10px;
+  }
+}
+
+</style>

src/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue

@@ -92,7 +92,6 @@ onMounted(() => {
     showDialog.value = true;
     listQuery.value = { yjid: val.id }
     let url = ''
-    console.log(url);
     switch (props.lx) {
       case '01':
         url = '/mosty-gsxt/tbYjxx/getInfo/'
@@ -158,6 +157,9 @@ const submitForm = () => {
       case '04':
         url = '/mosty-gsxt/yjzxZhyj/yjfk'
         break;
+      case '05':
+        url = '/mosty-gsxt/tbYjxx/yjfk'
+        break;
     }
     qcckPost(prome, url).then(() => {
       loading.value = false;

src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/components/czjy.vue

@@ -0,0 +1,50 @@
+<template>
+    <el-dialog title="处置建议" v-model="visible" width="50%" v-if="visible" @close="closeHndle">
+        <el-form :model="form" ref="formRef" :rules="rules" label-width="120px" >
+            <el-form-item label="处置建议" prop="jynr">
+                <el-input v-model="form.jynr" placeholder="请输入处置建议" type="textarea"></el-input>
+            </el-form-item>
+                <div class="flex just-center">
+                    <el-button type="primary" @click="okSubmit">确定</el-button>
+                    <el-button @click="closeHndle">返回</el-button>
+                </div>
+        </el-form>
+    </el-dialog>
+</template>
+
+<script setup>
+import { qcckPost } from "@/api/qcckApi.js";
+import { ref , defineExpose} from 'vue'
+const emit = defineEmits(['okSubmit'])
+const visible = ref(false)
+const formRef = ref()
+const form = ref({})
+const rules = ref({
+  jynr: [
+    { required: true, message: '请输入处置建议', trigger: 'blur' }
+  ]
+})
+const init = (row) => {
+  visible.value = true;
+  form.value.yjid = row.id;
+}
+
+const closeHndle = () => {
+  visible.value = false;
+  form.value = {};
+}
+
+const okSubmit = async () => {
+  await formRef.value.validate((valid) => {
+    if (!valid)  return;
+    let params = {...form.value , lylx:'04'}
+    qcckPost(params,'/mosty-gsxt/yjxx/czjy/insert').then((res) => {
+        emit('okSubmit', {...form.value})
+        closeHndle()
+    })
+  })
+}
+defineExpose({
+  init
+})
+</script>

src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/index.vue

@@ -10,16 +10,26 @@
           <span style="vertical-align: middle" v-if="!search">搜索</span>
           <span style="vertical-align: middle" v-else>关闭搜索</span>
         </el-button>
+        <el-button type="primary" @click="exportExl">导出</el-button>
       </PageTitle>
     </div>
     <!-- 搜索 -->
     <div ref="searchBox" v-if="search">
-      <Searchs :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Searchs>
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
     </div>
     <!-- 表格 -->
-    <div class="tabBox" :style="{height:(pageData.tableHeight + 40)+'px'}">
+    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
+        :expand="true"  @chooseData="handleChooseData">
         <template #sfcs="{ row }">
           <span style="color: #0072ff;" @click="handleClick(row)">{{ row.sfcs }}</span>
         </template>
@@ -29,13 +39,20 @@
         <template #czzt="{ row }">
           <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
         </template>
+        <template #expand="{ props }">
+          <div class="expand-content" style="max-width: 100%; max-height: 400px; overflow-y: auto; padding: 10px;">
+            <Items :row="props || {}" :dict="dict" />
+          </div>
+        </template>
         <template #controls="{ row }">
           <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
-          <el-link type="primary" @click="showDetail(row)">转合成</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
-          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link>
+          <el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
-          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01'">签收</el-link>
+          <!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
-          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02'">反馈</el-link>
+          <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
-          <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link>
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02'&& permission_sfqs">反馈</el-link>
+          <!-- <el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
           <el-link type="primary" @click="openAddModel(row)">详情</el-link>
         </template>
       </MyTable>
@@ -53,32 +70,56 @@
       :tacitly="tacitly" />
   </Information>
   <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+
+  <ChooseJf v-model="chooseJfShow" titleValue="选择系数"  :Single="false"
+   :chooseJfBh="chooseJfBh"  url="/yjzxZhyj/sjxspz" :roleIds="roleIds"/>
 </template>
 
 <script setup>
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import Searchs from "@/components/aboutTable/Search.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
-import { tbYjxxGetZbtj, tbGsxtBqzhSelectList } from '@/api/yj.js'
+import Items from "./item/items.vue";
+import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
+import { tbYjxxGetZbtj, tbGsxtBqzhSelectList,yjzxZhyjSelectList } from '@/api/yj.js'
 import HolographicArchive from '@/views/home/components/holographicArchive.vue'
 import Information from "@/views/home/model/information.vue";
 import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
 import AddFrom from "./components/addFrom.vue";
-import { reactive, ref, onMounted, getCurrentInstance, watch,nextTick } from "vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 import { qcckGet, qcckPost } from "@/api/qcckApi.js";
 import Detail from './components/detail.vue'
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
 import emitter from "@/utils/eventBus.js";
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
 const searchBox = ref();
+const czjyRef = ref()
 const { proxy } = getCurrentInstance();
-const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB } = proxy.$dict("D_GSXT_YJXX_CZZT","D_GS_SSYJ","D_BZ_YJJB");
+const { D_GSXT_YJXX_CZZT, D_GS_SSYJ, D_BZ_YJJB } = proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ", "D_BZ_YJJB");
+
+// 字典数据集合
+const dict = ref({
+  D_GS_SSYJ,
+  D_GSXT_YJXX_CZZT
+})
 import { holographicProfileJump } from "@/utils/tools.js"
 
 // 搜索配置
 const searchConfiger = ref([
   { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
   { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
+  { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+  { label: "级别", prop: 'bqys', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
+  { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
 ]);
 
 const queryFrom = ref({});
@@ -102,30 +143,51 @@ const pageData = reactive({
   tableColumn: [
     { label: "姓名", prop: "xm" },
     { label: "身份证号", prop: "sfzh" },
-    { label: "电话", prop: "dh" },
+    // { label: "电话", prop: "dh" },
-    { label: "组合大类", prop: "sfdlmc" },
+     { label: "预警标签", prop: "yjbqmc" },
-    { label: "组合小类", prop: "sfzlmc" },
+    // { label: "组合大类", prop: "sfdlmc" },
+    // { label: "组合小类", prop: "sfzlmc" },
     { label: "组合次数", prop: "sfcs", showSolt: true },
     { label: "标签颜色", prop: "bqys", showSolt: true },
     { label: "预警时间", prop: "yjsj" },
     { label: "预警分值", prop: "sffz" },
     { label: "处置状态", prop: "czzt", showSolt: true },
-    { label: "所属县局", prop: "ssbm" },
+    { label: "所属县局", prop: "ssxgaj" },
+    { label: "处置单位", prop: "ssbm" },
   ]
 });
 
 onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+
+  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let obj = rols.find(item => {
+    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
   tabHeightFn();
   getList();
   gettbGsxtBqglSelectList()
 });
 
+
+const handleCzjy = (row) => {
+  czjyRef.value.init( row)
+}
+
 const onSearch = (val) => {
-  queryFrom.value = { ...val };
+  queryFrom.value = { ...queryFrom.value,...val };
   pageData.pageConfiger.pageCurrent = 1;
   getList();
 };
 
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+
 const changeNo = (val) => {
   pageData.pageConfiger.pageCurrent = val;
   getList();
@@ -139,7 +201,13 @@ const changeSize = (val) => {
 const getList = () => {
   pageData.tableConfiger.loading = true;
   // TODO: 替换为实际的组合预警API接口
-  tbYjxxGetZbtj(queryFrom.value).then((res) => {
+  const promes = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize
+  }
+
+  tbYjxxGetZbtj(promes).then((res) => {
     pageData.tableData = res.records || [];
     pageData.total = res.total || 0;
     pageData.tableConfiger.loading = false;
@@ -171,12 +239,7 @@ const gettbGsxtBqglSelectList = (val) => {
     }) || []
   })
 }
-watch(() => bqLbData.value.bqXl, (res) => {
+
-  searchConfiger.value.push({
-    label: "组合标签", prop: 'bqmc', placeholder: "请选择组合标签",
-    showType: "select", options: res
-  },)
-}, { deep: true, immediate: true })
 
 // 查看详情
 const detailRef = ref()
@@ -184,6 +247,8 @@ const handleClick = (row) => {
   detailRef.value.init(row)
 }
 const assessShow = ref(false)
+/** 选中项 */
+const selectRows = ref([])
 const dataList = ref()
 const pushAssess = (val) => {
   return holographicProfileJump(val?.sfzh) // 全息档案跳转
@@ -240,6 +305,20 @@ const openAddModel = (row) => {
 
   addModelRef.value.init(row)
 }
+
+
+// 选择系数
+const chooseJfShow = ref(false)
+const chooseJfBh = ref()
+const roleIds=ref()
+const chooseJfFun = (val) => {
+  chooseJfBh.value=val.id
+  yjzxZhyjSelectList(val.id).then(res => {
+  roleIds.value=res.sjxspzList.map(item => item.xsid)
+  chooseJfShow.value = true
+})
+}
+
 // 搜索栏
 const search = ref(false)
 const openSearch = () => {
@@ -255,10 +334,43 @@ const tabHeightFn = () => {
   } else {
     pageData.tableHeight = window.innerHeight - 250;
   }
-  window.onresize = function () {
+  window.onresize = function() {
     tabHeightFn();
   };
 };
+
+
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+
+  const titleObj = {
+    xm: "姓名",
+    sfzh: "身份证号",
+    dh: "电话",
+    sfdlmc: "组合大类",
+    sfzlmc: "组合小类",
+    sfcs: "组合次数",
+    bqys_cname: "标签颜色",
+    yjsj: "预警时间",
+    sffz: "预警分值",
+    czzt_cname: "处置状态",
+    ssbm: "所属县局",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      bqys_cname: getMultiDictVal(item.bqys, D_GS_SSYJ),
+      czzt_cname: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '组合预警')
+
+}
+
 </script>
 
 <style>
@@ -266,3 +378,4 @@ const tabHeightFn = () => {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 </style>
+

src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/item/items copy.vue

@@ -0,0 +1,74 @@
+<template>
+  <div class="warning-item">
+    <div class="second-row">
+      <div class="info-item">姓名：<span>{{ row.xm }}</span></div>
+      <div class="info-item">身份证号：<span>{{ row.sfzh }}</span></div>
+      <div class="info-item">电话：<span>{{ row.dh }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">组合大类：<span>{{ row.sfdlmc }}</span></div>
+      <div class="info-item">组合小类：<span>{{ row.sfzlmc }}</span></div>
+      <div class="info-item">组合次数：<span>{{ row.sfcs }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">
+        标签颜色：<DictTag v-model:value="row.bqys" :options="props.dict.D_GS_SSYJ" />
+      </div>
+      <div class="info-item">预警时间：<span>{{ row.yjsj }}</span></div>
+      <div class="info-item">预警分值：<span>{{ row.sffz }}</span></div>
+    </div>
+    <div class="second-row">
+      <div class="info-item">
+        处置状态：<DictTag v-model:value="row.czzt" :options="props.dict.D_GSXT_YJXX_CZZT" />
+      </div>
+      <div class="info-item">所属县局：<span>{{ row.ssbm }}</span></div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  /** 表格行数据 */
+  row: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({
+      D_GS_SSYJ: [],
+      D_GSXT_YJXX_CZZT: []
+    })
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.warning-item {
+  width: 100%;
+  padding: 15px;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  background-color: #fafafa;
+}
+
+.second-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+  margin-bottom: 10px;
+}
+
+.info-item {
+  flex: 0 0 calc(33.33% - 20px);
+  box-sizing: border-box;
+  display: flex;
+  padding: 5px 0;
+  color: #333;
+
+  span {
+    font-weight: 500;
+    color: #606266;
+  }
+}
+</style>

src/views/backOfficeSystem/fourColorManage/warningControl/combinedWarning/item/items.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="warning-item" >
+
+    <el-divider content-position="left">处置建议</el-divider>
+    <div class="item-row" v-for="(it,idx) in list" :key="idx">
+      <div class="info-item">
+        <span class="text">预警人姓名：{{ it.jryXm }}</span>
+        <span class="text">建议时间：{{ it.jysj }}</span>
+        <span class="text">所属部门：{{ it.ssbm }}</span>
+      </div>
+      <div class="info-item">建议内容：<span>{{ it.jynr || '暂无' }}</span></div>
+    </div>
+    <div>
+      <el-empty v-if="list.length === 0" description="暂无数据" />
+    </div>
+
+    <el-divider content-position="left">反馈内容</el-divider>
+    <div class="item-row" v-for="(it,idx) in Fklist" :key="idx">
+      <div class="info-item">
+        <span class="text">处置地址：{{ it.czdz }}</span>
+        <span class="text">处置时间：{{ it.czsj }}</span>
+      </div>
+      <div class="info-item">
+        <span class="text">常控不尿检理由：<span>{{ it.ckbnjly || '暂无' }}</span></span>
+        <span class="text">常控处置反馈补充信息：<span>{{ it.ckczbcxx || '暂无' }}</span></span>
+        <span class="text">常控立线侦察评估：<span>{{ it.cklxzcpg || '暂无' }}</span></span>
+        <span class="text">常控立线侦察评估依据：<span>{{ it.cklxzcpgyj || '暂无' }}</span></span>
+      </div>
+    </div>
+    <div>
+      <el-empty v-if="Fklist.length === 0" description="暂无数据" />
+    </div>
+    
+  </div>
+</template>
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { qcckPost,qcckGet } from "@/api/qcckApi.js";
+
+const props = defineProps({
+  /** 表格行数据 */
+  row: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({
+      D_GS_SSYJ: [],
+      D_GSXT_YJXX_CZZT: []
+    })
+  },
+})
+const list = ref([])
+const Fklist = ref([])
+onMounted(() => {
+  qcckPost({yjid: props.row.id},'/mosty-gsxt/yjxx/czjy/getPageList').then((res) => {
+    list.value = res.records || []
+  })
+  qcckGet({},'/mosty-gsxt/yjzxZhyj/'+ props.row.id).then((res) => {
+    Fklist.value = res.fkList || []
+  })
+})
+// console.log('row😃: ', props.row);
+</script>
+<style lang="scss" scoped>
+.warning-item {
+  width: 100%;
+  padding: 15px;
+  border-radius: 8px;
+  background-color: #fafafa;
+}
+.item-row{
+  border-bottom: 1px dashed #e8e8e8;
+  line-height: 36px;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+}
+.info-item{
+  line-height: 36px;
+  width: 100%;
+  .text{
+    display: inline-block;
+    width: 25%;
+    margin-right: 10px;
+  }
+}
+
+</style>

src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/components/addFrom.vue

@@ -0,0 +1,79 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">身份预警{{ title }} </span>
+      <div>
+        <!-- <el-button type="primary" size="small" :loading="loading" @click="submit">保存</el-button> -->
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="form_cnt">
+      <FormMessage :formList="formData" disabled v-model="listQuery" ref="elform">
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { ref, defineExpose, reactive, defineEmits, getCurrentInstance, watch } from "vue";
+const emit = defineEmits(["updateDate"]);
+const props = defineProps({
+  dict: {
+    type: Object,
+    default: () => { }
+  }
+});
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false); //弹窗
+const formData = ref([])
+watch(() => props.dict, (res) => {
+  if (res) {
+    formData.value = [
+      { label: "预警人员姓名", prop: "yjRyxm", type: "input" },
+      { label: "预警人员身份证号码", prop: "yjRysfzh", type: "input" },
+      { label: "电话", prop: "dh", type: "input" },
+      { label: "预警标签", prop: "yjbqmc", type: "input" },
+      { label: "今日预警次数", prop: "yjJrcs", type: "input",lx:"number" },
+      { label: "标签颜色", prop: "yjJb", type: "select", options: props.dict.D_GS_SSYJ },
+      { label: "预警标题", prop: "yjBt", type: "input" },
+      { label: "预警内容", prop: "yjNr", type: "input" },
+      { label: "预警时间", prop: "yjFssj", type: "input" },
+      { label: "处置状态", prop: "czzt", type: "select", options: props.dict.D_GSXT_YJXX_CZZT },
+      { label: "所属部门", prop: "ssbm", type: "input" },
+      { label: "所属县局", prop: "ssxgaj", type: "input" },
+      { label: "所属市局", prop: "sssgaj", type: "input" },
+    ]
+  }
+}, { deep: true, immediate: true })
+const listQuery = ref({}); //表单
+const loading = ref(false);
+const title = ref("详情");
+const init = (type, row) => {
+  dialogForm.value = true;
+  qcckGet({},'/mosty-gsxt/tbYjxx/getInfo/'+ row.id).then((res) => {
+    listQuery.value = res || {}
+  })
+  
+};
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  loading.value = false;
+  dialogForm.value = false;
+  listQuery.value = {}
+};
+
+defineExpose({ init });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+::v-deep {
+  .el-form-item__content {
+align-items: normal;
+  }
+}
+</style>

src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/components/czjy.vue

@@ -0,0 +1,50 @@
+<template>
+    <el-dialog title="处置建议" v-model="visible" width="50%" v-if="visible" @close="closeHndle">
+        <el-form :model="form" ref="formRef" :rules="rules" label-width="120px" >
+            <el-form-item label="处置建议" prop="jynr">
+                <el-input v-model="form.jynr" placeholder="请输入处置建议" type="textarea"></el-input>
+            </el-form-item>
+                <div class="flex just-center">
+                    <el-button type="primary" @click="okSubmit">确定</el-button>
+                    <el-button @click="closeHndle">返回</el-button>
+                </div>
+        </el-form>
+    </el-dialog>
+</template>
+
+<script setup>
+import { qcckPost } from "@/api/qcckApi.js";
+import { ref , defineExpose} from 'vue'
+const emit = defineEmits(['okSubmit'])
+const visible = ref(false)
+const formRef = ref()
+const form = ref({})
+const rules = ref({
+  jynr: [
+    { required: true, message: '请输入处置建议', trigger: 'blur' }
+  ]
+})
+const init = (row) => {
+  visible.value = true;
+  form.value.yjid = row.id;
+}
+
+const closeHndle = () => {
+  visible.value = false;
+  form.value = {};
+}
+
+const okSubmit = async () => {
+  await formRef.value.validate((valid) => {
+    if (!valid)  return;
+    let params = {...form.value , lylx:'01'}
+    qcckPost(params,'/mosty-gsxt/yjxx/czjy/insert').then((res) => {
+        emit('okSubmit', {...form.value})
+        closeHndle()
+    })
+  })
+}
+defineExpose({
+  init
+})
+</script>

src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/index.vue

@@ -0,0 +1,280 @@
+<template>
+  <div>
+    <div class="titleBox">
+      <PageTitle title="预警布控">
+        <el-button type="success" @click="openSearch">
+          <Search style="width: 1em; height: 1em; margin-right: 8px" />
+          <span style="vertical-align: middle" v-if="!search">搜索</span>
+          <span style="vertical-align: middle" v-else>关闭搜索</span>
+        </el-button>
+        <el-button type="primary" @click="exportExl">导出</el-button>
+      </PageTitle>
+    </div>
+    <!-- 搜索 -->
+    <div ref="searchBox" v-if="search">
+      <Searchs :searchArr="searchConfiger" @submit="onSearch" @reset="reset" :key="pageData.keyCount">
+        <template #jfd>
+          <div>
+            <el-input v-model="queryFrom.ksfz" type="number" placeholder="开始身份分值" style="width: 130px"></el-input>
+            <span style="color: #333;margin: 0 4px;">至</span>
+            <el-input v-model="queryFrom.jsfz" type="number" placeholder="结束身份分值" style="width: 130px"></el-input>
+          </div>
+        </template>
+      </Searchs>
+    </div>
+    <!-- 表格 -->
+    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
+      <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
+        :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" expand
+        @chooseData="handleChooseData">
+        <template #expand="{ props }">
+          <div class="expand-content" style="max-width: 100%">
+            <Items :row="props || {}" :dict="dict" />
+          </div>
+        </template>
+        <template #yjJb="{ row }">
+          <DictTag :value="row.yjJb" :tag="false" :color="bqYs(row.yjJb)" :options="D_GS_SSYJ" />
+        </template>
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
+        </template>
+        <template #controls="{ row }">
+          <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
+          <el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
+          <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
+          <el-link type="success" @click="handleQsFk(row, '反馈')" v-if="row.czzt == '02' && permission_sfqs" >反馈</el-link>
+          <el-link type="primary" @click="openAddFrom(row)">详情</el-link>
+        </template>
+      </MyTable>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
+    </div>
+  </div>
+  <FkDialog @change="getList" lx="05" />
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
+  <!-- 处置建议 -->
+  <Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
+</template>
+
+<script setup>
+import Czjy from './components/czjy.vue'
+import { getItem, setItem } from '@/utils/storage'
+import PageTitle from "@/components/aboutTable/PageTitle.vue";
+import Searchs from "@/components/aboutTable/Search.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import Pages from "@/components/aboutTable/Pages.vue";
+import AddFrom from "./components/addFrom.vue";
+import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import emitter from "@/utils/eventBus.js";
+import { holographicProfileJump } from "@/utils/tools.js"
+import Items from "./item/items.vue"
+import { exportExlByObj } from "@/utils/exportExcel.js"
+import { getMultiDictVal } from "@/utils/dict.js"
+const czjyRef = ref()
+const { proxy } = getCurrentInstance();
+const searchBox = ref();
+const { D_GSXT_YJXX_CZZT, D_GS_SSYJ,D_BZ_YJJB } = proxy.$dict("D_GSXT_YJXX_CZZT", "D_GS_SSYJ",'D_BZ_YJJB')
+const dict = reactive({ D_GSXT_YJXX_CZZT, D_GS_SSYJ })
+// 搜索配置
+const searchConfiger = ref([
+  { label: "姓名", prop: 'xm', placeholder: "请输入姓名", showType: "input" },
+  { label: "身份证号码", prop: 'sfzh', placeholder: "请输入身份证号码", showType: "input" },
+  { label: "预警标签", prop: 'yjbqmc', placeholder: "请输入预警标签", showType: "input" },
+  { label: "部门", prop: 'ssbmdm', placeholder: "请选择部门", showType: "department" },
+  { label: "级别", prop: 'yjJb', placeholder: "请选择级别", showType: "select" ,options: D_BZ_YJJB},
+  { label: "积分段", prop: 'jfd', placeholder: "请选择积分段", showType: "Slot" },
+]);
+
+const permission_sfqs = ref(false)
+const roleCode = ref(false)
+
+const queryFrom = ref({});
+
+// 页面数据
+const pageData = reactive({
+  tableData: [],
+  keyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    haveControls: true,
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  },
+  controlsWidth: 300, //操作栏宽度
+  tableColumn: [
+    { label: "预警人员姓名", prop: "yjRyxm" },
+    { label: "预警人员身份证号码", prop: "yjRysfzh" },
+    { label: "预警标签", prop: "yjbqmc" },
+    { label: "今日预警次数", prop: "yjJrcs" },
+    { label: "标签颜色", prop: "yjJb", showSolt: true },
+    { label: "预警内容", prop: "yjNr" },
+    { label: "预警时间", prop: "yjFssj" },
+    { label: "处置状态", prop: "czzt", showSolt: true },
+    { label: "所属县局", prop: "ssxgaj" },
+    { label: "处置单位", prop: "ssbm" },
+  ]
+});
+
+onMounted(() => {
+  let str = getItem('deptId') ? getItem('deptId')[0].deptLevel : ''
+  permission_sfqs.value = str.startsWith('2'||'3') ? false : true;
+  let rols = getItem('roleList') ? getItem('roleList'):[]
+  let obj = rols.find(item => {
+    return  ['JS_666666','JS_777777','JS_888888'].includes(item.roleCode)
+  })
+  roleCode.value = obj ? true : false;
+
+  tabHeightFn();
+  getList();
+});
+
+const onSearch = (val) => {
+  queryFrom.value = { ...queryFrom.value,...val };
+  pageData.pageConfiger.pageCurrent = 1;
+  getList();
+};
+
+const reset = () => {
+  delete queryFrom.value.ksfz
+  delete queryFrom.value.jsfz
+}
+
+const changeNo = (val) => {
+  pageData.pageConfiger.pageCurrent = val;
+  getList();
+};
+
+const changeSize = (val) => {
+  pageData.pageConfiger.pageSize = val;
+  getList();
+};
+
+const getList = () => {
+  pageData.tableConfiger.loading = true;
+  let params = {
+    ...queryFrom.value,
+    pageCurrent: pageData.pageConfiger.pageCurrent,
+    pageSize: pageData.pageConfiger.pageSize,
+  }
+  qcckPost(params,'/mosty-gsxt/tbYjxx/getBdbkPageList').then((res) => {
+    pageData.tableData = res?.records || []
+    pageData.total = res?.total || 0;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
+};
+
+// 处理签收
+const handleQsFk = (val, type) => {
+  switch (type) {
+    case '签收':
+      proxy.$confirm("是否确定要签收？", "警告", { type: "warning" }).then(() => {
+        qcckPost({ id: val.id }, "/mosty-gsxt/mosty-gsxt/tbYjxx/yjqs").then(() => {
+          val.czzt = '02'
+          getList()
+          proxy.$message({ type: "success", message: "签收成功" });
+        });
+      })
+      break;
+    case '反馈':
+    case '查看反馈':
+      emitter.emit("openFkDialog", { id: val.id, type });
+      break;
+  }
+}
+
+const pushAssess = (val) => {
+  return holographicProfileJump(val?.sfzh) // 全息档案跳转
+}
+
+
+const bqYs = (val) => {
+  switch (val) {
+    case '01':
+      return '#ff0202'
+    case '02':
+      return '#ff8c00'
+    case '03':
+      return '#ffff00'
+    case '04':
+      return '#0000ff'
+    default:
+      return ''
+  }
+}
+
+// 新增
+const addModelRef = ref(null)
+const openAddFrom = (row) => {
+  addModelRef.value.init('add', row)
+}
+// 搜索栏
+const search = ref(false)
+const openSearch = () => {
+  search.value = !search.value
+  nextTick(() => {
+    tabHeightFn()
+  })
+}
+
+const handleCzjy = (row) => {
+  czjyRef.value.init( row)
+}
+// 表格高度计算
+const tabHeightFn = () => {
+  if (search.value) {
+    pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  } else {
+    pageData.tableHeight = window.innerHeight - 250;
+  }
+  window.onresize = function() {
+    tabHeightFn();
+  };
+};
+/** 选中项 */
+const selectRows = ref([])
+const handleChooseData = (val) => {
+  selectRows.value = val
+}
+const exportExl = () => {
+  const titleObj = {
+    yjRyxm: "预警人员姓名",
+    yjRysfzh: "预警人员身份证号码",
+    yjbqmc: "预警标签",
+    yjJrcs: "今日预警次数",
+    yjJb_name: "标签颜色",
+    yjNr: "预警内容",
+    yjFssj: "预警时间",
+    czzt_name: "处置状态",
+    ssxgaj: "所属县局",
+    ssbm: "处置单位",
+  }
+  /** 导出【选中】的数据 （没有就全部）*/
+  const needArr = selectRows.value?.length > 0 ? selectRows.value : pageData.tableData
+  const data = needArr.map(item => {
+    return {
+      ...item,
+      yjJb_name: getMultiDictVal(item.yjJb, D_GS_SSYJ),
+      czzt_name: getMultiDictVal(item.czzt, D_GSXT_YJXX_CZZT),
+    }
+  })
+  exportExlByObj(titleObj, data, '预警布控')
+}
+
+</script>
+
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
+}
+</style>

src/views/backOfficeSystem/fourColorManage/warningControl/controlWarning/item/items.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="warning-item" >
+
+    <el-divider content-position="left">处置建议</el-divider>
+    <div class="item-row" v-for="(it,idx) in list" :key="idx">
+      <div class="info-item">
+        <span class="text">预警人姓名：{{ it.jryXm }}</span>
+        <span class="text">建议时间：{{ it.jysj }}</span>
+        <span class="text">所属部门：{{ it.ssbm }}</span>
+      </div>
+      <div class="info-item">建议内容：<span>{{ it.jynr || '暂无' }}</span></div>
+    </div>
+    <div>
+      <el-empty v-if="list.length === 0" description="暂无数据" />
+    </div>
+
+    <el-divider content-position="left">反馈内容</el-divider>
+    <div class="item-row" v-for="(it,idx) in Fklist" :key="idx">
+      <div class="info-item">
+        <span class="text">处置地址：{{ it.czdz }}</span>
+        <span class="text">处置时间：{{ it.czsj }}</span>
+      </div>
+      <div class="info-item">
+        <span class="text">常控不尿检理由：<span>{{ it.ckbnjly || '暂无' }}</span></span>
+        <span class="text">常控处置反馈补充信息：<span>{{ it.ckczbcxx || '暂无' }}</span></span>
+        <span class="text">常控立线侦察评估：<span>{{ it.cklxzcpg || '暂无' }}</span></span>
+        <span class="text">常控立线侦察评估依据：<span>{{ it.cklxzcpgyj || '暂无' }}</span></span>
+      </div>
+    </div>
+    <div>
+      <el-empty v-if="Fklist.length === 0" description="暂无数据" />
+    </div>
+    
+  </div>
+</template>
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { qcckPost,qcckGet } from "@/api/qcckApi.js";
+
+const props = defineProps({
+  /** 表格行数据 */
+  row: {
+    type: Object,
+    default: () => ({})
+  },
+  dict: {
+    type: Object,
+    default: () => ({
+      D_GS_SSYJ: [],
+      D_GSXT_YJXX_CZZT: []
+    })
+  },
+})
+const list = ref([])
+const Fklist = ref([])
+onMounted(() => {
+  if(!props.row.id) return;
+  qcckPost({yjid: props.row.id},'/mosty-gsxt/yjxx/czjy/getPageList').then((res) => {
+    list.value = res.records || []
+  })
+  qcckGet({},'/mosty-gsxt/tbYjxx/getInfo/'+ props.row.id).then((res) => {
+    Fklist.value = res.fkList || []
+  })
+})
+</script>
+<style lang="scss" scoped>
+.warning-item {
+  width: 100%;
+  padding: 15px;
+  border-radius: 8px;
+  background-color: #fafafa;
+}
+.item-row{
+  border-bottom: 1px dashed #e8e8e8;
+  line-height: 36px;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+}
+.info-item{
+  line-height: 36px;
+  width: 100%;
+  .text{
+    display: inline-block;
+    width: 25%;
+    margin-right: 10px;
+  }
+}
+
+</style>