feat✨: 对接任务调度增删查改功能

package.json

@@ -16,6 +16,8 @@
     "@fullcalendar/timegrid": "^5.9.0",
     "@fullcalendar/vue3": "^5.9.0",
     "@types/video.js": "^7.3.42",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^0.26.0",
     "core-js": "^3.6.5",
     "echarts": "^5.3.3",

src/components/MyComponents/Sex/index.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="form-item-box" :style="{ width: width }">
-    <el-select :disabled="disabled" v-model="sex" placeholder="请选择性别" @change="onChange">
+    <el-select
+      :disabled="disabled"
+      v-model="sex"
+      placeholder="请选择性别"
+      @change="onChange"
+    >
       <el-option
         v-for="item in D_BZ_XB"
         :key="item"
@@ -29,9 +34,9 @@ const props = defineProps({
     type: String,
     default: ""
   },
-  disabled:{
+  disabled: {
-    type:Boolean,
+    type: Boolean,
-    default:false
+    default: false
   },
   width: {
     default: COMPONENT_WIDTH,

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

@@ -8,6 +8,7 @@
           size="small"
           :loading="loading"
           @click="submit"
+          v-if="typeOf == 'edit' || typeOf == 'add' || typeOf == 'report'"
           >保存</el-button
         >
         <el-button size="small" @click="close">关闭</el-button>
@@ -22,7 +23,11 @@
       >
         <!-- 上报人员-->
         <template #sbRyId>
-          <el-button @click="openDialog('01', 'ry')">选择</el-button>
+          <el-button
+            @click="openDialog('01', 'ry')"
+            v-if="typeOf == 'edit' || typeOf == 'add'"
+            >选择</el-button
+          >
           <div class="boxlist">
             <MyTable
               :tableData="tableDate.ryList"
@@ -37,14 +42,23 @@
               </template>
               <!-- 操作 -->
               <template #controls="{ row }">
-                <el-link type="danger" @click="delDict(row.id)">删除</el-link>
+                <el-link
+                  type="danger"
+                  @click="delDict(row.id)"
+                  v-if="typeOf == 'edit' || typeOf == 'add'"
+                  >删除</el-link
+                >
               </template>
             </MyTable>
           </div>
         </template>
         <!-- 人员标签模型-->
         <template #bqList>
-          <el-button @click="openDialog('01', 'bq')">选择</el-button>
+          <el-button
+            @click="openDialog('01', 'bq')"
+            v-if="typeOf == 'edit' || typeOf == 'add'"
+            >选择</el-button
+          >
           <div class="boxlist">
             <MyTable
               :tableData="tableDate.bqList"
@@ -65,14 +79,82 @@
               </template>
               <!-- 操作 -->
               <template #controls="{ row }">
-                <el-link type="danger" @click="delDictItem(row.bqId)"
+                <el-link
+                  type="danger"
+                  @click="delDictItem(row.bqId)"
+                  v-if="typeOf == 'edit' || typeOf == 'add'"
                   >删除</el-link
                 >
               </template>
             </MyTable>
           </div>
-        </template></FormMessage
+        </template>
-      >
+
+        <!-- 上报单位代码 -->
+        <template #sbDwDm>
+          <el-select
+            v-model="listQuery.sbDwDm"
+            placeholder="请选择上报单位代码"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+        <!-- 抄送单位代码 -->
+        <template #csDwDm>
+          <el-select
+            v-model="listQuery.csDwDm"
+            placeholder="请选择抄送单位代码"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+        <!-- 编制单位代码 -->
+        <template #bzDwDm>
+          <el-select
+            v-model="listQuery.bzDwDm"
+            placeholder="请选择编制单位代码"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+
+        <!-- 汇编报刊-->
+        <template #hbBk>
+          <div style="border: 1px solid #ccc">
+            <Toolbar
+              style="border-bottom: 1px solid #ccc"
+              :editor="editorRef"
+              :defaultConfig="toolbarConfig"
+              mode="default"
+            />
+            <Editor
+              style="height: 500px; overflow-y: hidden"
+              v-model="valueHtml"
+              :defaultConfig="editorConfig"
+              mode="default"
+              @onCreated="handleCreated"
+            />
+          </div>
+        </template>
+      </FormMessage>
     </div>
     <!-- 标签列表弹窗 -->
     <TagSelectorDialog
@@ -103,7 +185,9 @@ import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
 import * as rule from "@/utils/rules.js";
 import TagSelectorDialog from "@/components/aboutTable/TagSelectorDialog.vue";
 import DialogList from "./dialogList.vue";
-
+import "@wangeditor/editor/dist/css/style.css"; // 引入 css
+import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
+import { selectUserDeptPage } from "@/api/user-manage";
 import {
   ref,
   defineExpose,
@@ -111,7 +195,10 @@ import {
   onMounted,
   defineEmits,
   getCurrentInstance,
-  nextTick
+  nextTick,
+  shallowRef,
+  onBeforeUnmount,
+  watch
 } from "vue";
 const emit = defineEmits(["updateDate"]);
 const props = defineProps({
@@ -129,7 +216,9 @@ const {
   D_GS_ZDQT_LB,
   D_GS_XS_FXDJ,
   D_BZ_MZ,
-  D_GS_XS_LX
+  D_GS_XS_LX,
+  D_GS_RLQB_BJSB_BSZT,
+  D_BZ_SF
 } = proxy.$dict(
   "D_GS_BQ_LB",
   "D_GS_BQ_ZL",
@@ -138,7 +227,9 @@ const {
   "D_GS_ZDQT_LB",
   "D_GS_XS_FXDJ",
   "D_BZ_MZ",
-  "D_GS_XS_LX"
+  "D_GS_XS_LX",
+  "D_GS_RLQB_BJSB_BSZT",
+  "D_BZ_SF"
 ); //获取字典数据
 const ryDialog = ref(false); //选择弹窗
 
@@ -175,63 +266,290 @@ const tableDate = reactive({
   ]
 });
 const dialogForm = ref(false); //弹窗
-const formData = ref([
+const title = ref(""); //弹窗标题
-  { label: "标签列表", prop: "bqList", type: "slot", width: "80%" },
+const typeOf = ref(""); //弹窗类型
-  {
+const formData = ref([]);
-    label: "上报人员",
+const deptList = ref([]); //部门列表
-    prop: "sbRyId",
+// 更新 formData 的函数
-    type: "slot",
+const updateFormData = () => {
-    width: "80%"
+  const isReport = typeOf.value === "report";
-  },
+  const isReportDetails = typeOf.value === "reportDetails";
-  {
+  const isLeadDetails = typeOf.value === "leadDetails";
-    label: "上报人员类型",
+  // 判断是否应该全部禁用（reportDetails 或 leadDetails）
-    prop: "sbRyLx",
+  const shouldDisableAll = isReportDetails || isLeadDetails;
-    type: "select",
+  const baseFields = isReportDetails
-    options: D_GS_XS_SBRYLX,
+    ? [] // reportDetails 模式下不显示 baseFields
-    disabled: true
+    : [
-  },
+        {
-  { label: "线索标题", prop: "xsBt", type: "input" },
+          label: "标签列表",
+          prop: "bqList",
+          type: "slot",
+          width: "80%",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "上报人员",
+          prop: "sbRyId",
+          type: "slot",
+          width: "80%",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "上报人员类型",
+          prop: "sbRyLx",
+          type: "select",
+          options: D_GS_XS_SBRYLX,
+          disabled: true // 原本就禁用的保持不变
+        },
+        {
+          label: "线索标题",
+          prop: "xsBt",
+          type: "input",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "线索编号",
+          prop: "xsBh",
+          type: "input",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "线索类型",
+          prop: "xsLx",
+          type: "select",
+          options: D_GS_XS_LX,
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "线索开始日期",
+          prop: "xsRqKs",
+          type: "date",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "线索截止日期",
+          prop: "xsRqJs",
+          type: "date",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "指向地点",
+          prop: "xsZxdd",
+          type: "input",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "群体名称",
+          prop: "xsQtmc",
+          type: "input",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "群体类型",
+          prop: "xsQtlx",
+          type: "select",
+          options: D_GS_ZDQT_LB,
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "风险等级",
+          prop: "xsFxdj",
+          type: "select",
+          options: D_GS_XS_FXDJ,
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "线索名称",
+          prop: "xsMc",
+          type: "input",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        },
+        {
+          label: "线索内容",
+          prop: "xsNr",
+          type: "textarea",
+          width: "100%",
+          disabled: isReport || shouldDisableAll // report 或详情模式时禁用
+        }
+      ];
+
+  const conditionalFields =
+    isReport || isReportDetails
+      ? [
+          {
+            label: "报送编号",
+            prop: "bsBh",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "报送日期",
+            prop: "bsRq",
+            type: "date",
+            disabled: isReportDetails
+          },
+          {
+            label: "是否初报",
+            prop: "bsSfCb",
+            type: "radio",
+            options: D_BZ_SF,
+            disabled: isReportDetails
+          },
+          {
+            label: "报送状态",
+            prop: "bsZt",
+            type: "select",
+            options: D_GS_RLQB_BJSB_BSZT,
+            disabled: isReportDetails
+          },
+          {
+            label: "上报单位",
+            prop: "sbDwMc",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "上报单位代码",
+            prop: "sbDwDm",
+            type: "slot",
+            disabled: isReportDetails
+          },
+          {
+            label: "抄送单位",
+            prop: "csDwMc",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "抄送单位代码",
+            prop: "csDwDm",
+            type: "slot",
+            disabled: isReportDetails
+          },
+          {
+            label: "编制单位",
+            prop: "bzDwMc",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "编制单位代码",
+            prop: "bzDwDm",
+            type: "slot",
+            disabled: isReportDetails
+          },
+          {
+            label: "承办人",
+            prop: "cbrXm",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "承办人身份证号",
+            prop: "cbrSfzh",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "审核人",
+            prop: "shrXm",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "审核人身份证号",
+            prop: "shrSfzh",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "签发人",
+            prop: "qfrXm",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "签发人身份证号",
+            prop: "qfrSfzh",
+            type: "input",
+            disabled: isReportDetails
+          },
+          {
+            label: "报送内容",
+            prop: "bsNr",
+            type: "textarea",
+            width: "100%",
+            disabled: isReportDetails
+          },
+          {
+            label: "汇编报刊",
+            prop: "hbBk",
+            type: "slot",
+            width: "100%",
+            disabled: isReportDetails
+          }
+        ]
+      : [];
+  // 最终表单数据
+  formData.value = [...baseFields, ...conditionalFields];
+};
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef();
+// 内容 HTML
+const valueHtml = ref("<p>hello</p>");
+const toolbarConfig = {};
+const editorConfig = ref({ placeholder: "请输入内容...", readOnly: false });
 
-  { label: "线索编号", prop: "xsBh", type: "input" },
-  { label: "线索类型", prop: "xsLx", type: "select", options: D_GS_XS_LX },
-  // { label: "线索来源", prop: "xsly", type: "input" },
-  { label: "线索开始日期", prop: "xsRqKs", type: "date" },
-  { label: "线索截止日期", prop: "xsRqJs", type: "date" },
-  { label: "指向地点", prop: "xsZxdd", type: "input" },
-  { label: "群体名称", prop: "xsQtmc", type: "input" },
-  { label: "群体类型", prop: "xsQtlx", type: "select", options: D_GS_ZDQT_LB },
-  { label: "风险等级", prop: "xsFxdj", type: "select", options: D_GS_XS_FXDJ },
-  // { label: "是否初报", prop: "qtmc", type: "input" },
-  { label: "线索名称", prop: "xsMc", type: "input" },
-  { label: "线索内容", prop: "xsNr", type: "textarea", width: "100%" }
-  // { label: "报送编号", prop: "bsbh", type: "input" },
-  // { label: "上报单位", prop: "sbdw", type: "input" },
-  // { label: "抄送单位", prop: "csdw", type: "input" },
-  // { label: "承办人", prop: "cbr", type: "input" },
-  // { label: "审核人", prop: "shr", type: "input" },
-  // { label: "签发人", prop: "qfr", type: "input" }
-]);
 const listQuery = ref({ sbRyLx: "06", xsLy: "02" }); //表单
 const loading = ref(false);
 const elform = ref();
-const title = ref("");
 const tagDialog = ref();
-
+const TYPE_TO_TITLE = {
+  add: "新增",
+  report: "上报",
+  edit: "编辑",
+  leadDetails: "详情", // 保持原逻辑
+  reportDetails: "上报详情" // 保持原逻辑
+};
 const rules = reactive({
   xsbt: [{ required: true, message: "请输入线索标题", trigger: "blur" }]
 });
 const editpeo = ref();
-onMounted(() => {});
+onMounted(() => {
+  getdepartmentList();
+});
+
+// 获取部门列表
+const getdepartmentList = () => {
+  selectUserDeptPage().then((res) => {
+    deptList.value = res?.records.map((item) => ({
+      label: item.deptName,
+      value: item.deptId
+    }));
+  });
+};
 // 初始化数据
 const init = (type, row) => {
   dialogForm.value = true;
-  title.value = type == "add" ? "新增" : "编辑";
+  title.value = TYPE_TO_TITLE[type] || "新增"; // 安全回退
+
+  typeOf.value = type;
+  if (typeOf == "reportDetails") {
+    editorRef.value.disable(); // 禁用
+    editorConfig.readOnly = true; // 禁用
+  }
+
   if (row) getDataById(row.id);
   if (row.sbRyId) getDataRyId(row.sbRyId);
 };
 // 根据id查询详情
 const getDataById = (id) => {
-  qcckGet({}, "/mosty-gsxt/tbGsxtXs/selectVoById/" + id).then((res) => {
+  // 根据 typeOf 的值决定调用哪个接口
+  const apiUrl =
+    typeOf.value === "reportDetails"
+      ? "/mosty-gsxt/tbGsxtRlqbBjsb/selectVoByXsId/" + id
+      : "/mosty-gsxt/tbGsxtXs/selectVoById/" + id;
+  qcckGet({}, apiUrl).then((res) => {
     listQuery.value = res;
     tableDate.bqList = listQuery.value.bqList;
   });
@@ -247,12 +565,60 @@ const getDataRyId = (id) => {
 // 提交
 const submit = () => {
   elform.value.submit((data) => {
+    // 定义仅在 report 模式下需要的字段
+    const reportFields = [
+      "bsBh",
+      "bsNr",
+      "bsRq",
+      "bsSfCb",
+      "bsZt",
+      "sbDwDm",
+      "sbDwMc",
+      "csDwMc",
+      "csDwDm",
+      "bzDwMc",
+      "bzDwDm",
+      "cbrXm",
+      "cbrSfzh",
+      "shrXm",
+      "shrSfzh",
+      "qfrXm",
+      "qfrSfzh",
+      "hbBk",
+      "xsId" // 新增 xsId
+    ];
+
+    // 准备最终提交数据
+    let submitData;
+
+    if (typeOf.value === "report") {
+      // report 模式：只提交 reportFields 里的字段 + hbBk（富文本）
+      submitData = {
+        ...Object.fromEntries(
+          Object.entries(data).filter(([key]) => reportFields.includes(key))
+        ),
+        hbBk: valueHtml.value, // 强制覆盖富文本字段
+        xsId: listQuery.value.id // 强制添加 xsId
+      };
+    } else {
+      // 非 report 模式：提交除 reportFields 外的所有字段
+      submitData = {
+        ...Object.fromEntries(
+          Object.entries(data).filter(([key]) => !reportFields.includes(key))
+        )
+      };
+    }
+
+    // 根据 title 决定请求 URL
     let url =
       title.value == "新增"
         ? "/mosty-gsxt/tbGsxtXs/save"
+        : title.value == "上报"
+        ? "/mosty-gsxt/tbGsxtRlqbBjsb/save"
         : "/mosty-gsxt/tbGsxtXs/update";
-    let params = { ...data };
+
-    qcckPost(params, url)
+    // 发起请求
+    qcckPost(submitData, url)
       .then((res) => {
         proxy.$message({ type: "success", message: title.value + "成功" });
         emit("getList");
@@ -309,6 +675,22 @@ const close = () => {
   dialogForm.value = false;
   loading.value = false;
 };
+const handleCreated = (editor) => {
+  editorRef.value = editor; // 记录 editor 实例，重要！
+};
+// 组件销毁时，也及时销毁编辑器
+onBeforeUnmount(() => {
+  const editor = editorRef.value;
+  if (editor == null) return;
+  editor.destroy();
+});
+// 初始化调用一次
+updateFormData();
+
+// 监听 title 变化
+watch(title, () => {
+  updateFormData();
+});
 defineExpose({ init });
 </script>
 

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

@@ -54,7 +54,26 @@
           <el-link size="small" type="success" @click="addEdit('edit', row)"
             >编辑</el-link
           >
-          <el-link size="small" type="primary">上报</el-link>
+          <el-link
+            size="small"
+            type="plain"
+            @click="addEdit('leadDetails', row)"
+            >线索详情</el-link
+          >
+          <el-link
+            size="small"
+            type="warning"
+            @click="addEdit('reportDetails', row)"
+            v-if="row.sfBjsb == 1"
+            >上报详情</el-link
+          >
+          <el-link
+            size="small"
+            type="primary"
+            @click="addEdit('report', row)"
+            v-if="row.sfBjsb == 0"
+            >上报</el-link
+          >
           <el-link size="small" type="danger" @click="deleteRow(row)"
             >删除</el-link
           >
@@ -172,7 +191,8 @@ const pageData = reactive({
       reportUnit: "林芝公安局",
       reportTime: "2025/05/05",
       involvedCount: 2,
-      status: "未处置"
+      status: "未处置",
+      xsZt: "01"
     },
     {
       clueNo: "GBJD01",
@@ -220,7 +240,7 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 220,
+  controlsWidth: 350,
   tableColumn: [
     { label: "线索编号", prop: "xsBh" },
     { label: "线索名称", prop: "xsMc" },

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

@@ -3,86 +3,340 @@
     <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"
+          >保存</el-button
+        >
         <el-button size="small" @click="close">关闭</el-button>
       </div>
     </div>
     <div class="form_cnt">
-      <FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
+      <FormMessage
+        :formList="formData"
+        v-model="listQuery"
+        ref="elform"
+        :rules="rules"
+      >
+        <!-- 上报单位代码 -->
+        <template #bsDwDm>
+          <el-select
+            v-model="listQuery.bsDwDm"
+            placeholder="请选择上报单位代码"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+        <!-- 上报单位代码 -->
+        <template #ssbmdm>
+          <el-select
+            v-model="listQuery.ssbmdm"
+            placeholder="请选择所属单位代码"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+        <!-- 线索列表-->
+        <template #xsList>
+          <el-button @click="openDialog()">选择</el-button>
+          <div class="boxlist">
+            <MyTable
+              :tableData="tableDate.xsList"
+              :tableColumn="tableDate.tableColumn"
+              :tableHeight="tableDate.tableHeight"
+              :key="tableDate.keyCount"
+              :tableConfiger="tableDate.tableConfiger"
+              :controlsWidth="tableDate.controlsWidth"
+              @chooseData="chooseData"
+            >
+              <template #xsLy="{ row }">
+                <DictTag :tag="false" :value="row.xsLy" :options="D_GS_XS_LY" />
+              </template>
+              <template #xsFxdj="{ row }">
+                <DictTag
+                  :tag="false"
+                  :value="row.xsFxdj"
+                  :options="D_GS_XS_FXDJ"
+                />
+              </template>
+
+              <template #xsQtlx="{ row }">
+                <DictTag
+                  :tag="false"
+                  :value="row.xsQtlx"
+                  :options="D_GS_ZDQT_LB"
+                />
+              </template>
+              <template #xsZtCz="{ row }">
+                <DictTag
+                  :tag="false"
+                  :value="row.xsZtCz"
+                  :options="D_GS_XS_CZZT"
+                />
+              </template>
+              <template #xsZt="{ row }">
+                <DictTag :tag="false" :value="row.xsZt" :options="D_GS_XS_ZT" />
+              </template>
+              <!-- 操作 -->
+              <template #controls="{ row }">
+                <el-link size="small" type="danger" @click="delDictItem(row.id)"
+                  >删除</el-link
+                >
+                <el-link
+                  size="small"
+                  type="warning"
+                  @click="transferClue(row)"
+                  v-if="row.xsZt == '01'"
+                  >采纳</el-link
+                >
+              </template>
+            </MyTable>
+          </div>
+        </template>
+      </FormMessage>
+      <!-- 列表弹窗 -->
+      <DialogList
+        :Single="false"
+        :roleIds="roleIds"
+        v-if="chooseShow"
+        @chooseDate="chooseDate"
+        :titleValue="chooseTitle"
+        v-model="chooseShow"
+        :bqLx="chooseType"
+        bqDl="02"
+      ></DialogList>
     </div>
   </div>
 </template>
 
 <script setup>
-import FormMessage from '@/components/aboutTable/FormMessage.vue'
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import DialogList from "./dialogList.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
 import * as rule from "@/utils/rules.js";
-import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
+import { selectUserDeptPage } from "@/api/user-manage";
+
+import {
+  ref,
+  defineExpose,
+  reactive,
+  onMounted,
+  defineEmits,
+  getCurrentInstance,
+  nextTick
+} from "vue";
 const emit = defineEmits(["updateDate"]);
 const props = defineProps({
   dic: Object
 });
 const { proxy } = getCurrentInstance();
+const {
+  D_GS_RLQB_RWDD_LX,
+  D_GS_RLQB_RWDD_LY,
+  D_GS_RLQB_RWDD_YZCD,
+  D_GS_XS_FXDJ,
+  D_GS_XS_CZZT,
+  D_GS_XS_ZT,
+  D_GS_XS_LY,
+  D_GS_ZDQT_LB
+} = proxy.$dict(
+  "D_GS_RLQB_RWDD_LX",
+  "D_GS_RLQB_RWDD_LY",
+  "D_GS_RLQB_RWDD_YZCD",
+  "D_GS_XS_FXDJ",
+  "D_GS_XS_CZZT",
+  "D_GS_XS_ZT",
+  "D_GS_XS_LY",
+  "D_GS_ZDQT_LB"
+);
+const tableDate = reactive({
+  xsList: [], //表格数据
+  rykeyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    size: "small",
+    border: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 220, //操作栏宽度
+  tableColumn: [
+    { label: "线索名称", prop: "xsMc", width: "100px" },
+    { label: "线索编号", prop: "xsBh", width: "100px" },
+    { label: "线索来源", prop: "xsLy", showSolt: true, width: "100px" },
+    { label: "风险等级", prop: "xsFxdj", showSolt: true, width: "100px" },
+    { label: "开始时间", prop: "startTime", width: "100px" },
+    { label: "结束时间", prop: "ryXjd", width: "100px" },
+    { label: "指向地点", prop: "xsZxdd", width: "100px" },
+    { label: "线索内容", prop: "xsNr", width: "100px" },
+    { label: "群体类型", prop: "xsQtlx", showSolt: true, width: "100px" },
+    { label: "群体名称", prop: "xsQtmc", width: "100px" },
+    { label: "上报单位", prop: "sbDwMc", width: "100px" },
+    { label: "上报时间", prop: "sbSj", width: "100px" },
+    { label: "涉及人数", prop: "xsSjrs", width: "100px" },
+    { label: "处置状态", prop: "xsZtCz", width: "100px", showSolt: true },
+    { label: "状态", prop: "xsZt", width: "100px", showSolt: true }
+  ]
+});
 const dialogForm = ref(false); //弹窗
+const chooseTitle = ref(""); //选择弹窗
 const formData = ref([
-  { label: "任务标题", prop: "rwbt",  type: "input" },
+  { label: "报送单位代码", prop: "bsDwDm", type: "slot" },
-  { label: "任务编号", prop: "rwbh", type: "input", },
+  { label: "报送单位名称", prop: "bsDwMc", type: "input" },
-  { label: "任务类型", prop: "rwlx",  type: "select", options: []  },
+  { label: "任务标题", prop: "rwBt", type: "input" },
-  { label: "任务来源", prop: "xsly",  type: "input" },
+  { label: "任务编号", prop: "rwBh", type: "input" },
-  { label: "反馈截止时间", prop: "kssj",  type: "datetime"},
+  {
-  { label: "严重程度", prop: "yzcd",  type: "select", options: []},
+    label: "任务类型",
-  { label: "任务类型细类", prop: "rwlxxl",  type: "select", options: []},
+    prop: "rwLx",
-  { label: "状态", prop: "cpcd",  type: "select", options: []},
+    type: "select",
-  { label: "任务内容", prop: "nr",  type: "textarea",width: '100%' },
+    options: D_GS_RLQB_RWDD_LX
-  { label: "备注", prop: "bz",  type: "textarea",width: '100%' },
+  },
+  {
+    label: "任务来源",
+    prop: "rwLy",
+    type: "select",
+    options: D_GS_RLQB_RWDD_LY
+  },
+  { label: "反馈开始时间", prop: "rwSjKs", type: "datetime" },
+  { label: "反馈截止时间", prop: "rwSjFkjz", type: "datetime" },
+  {
+    label: "严重程度",
+    prop: "rwYzcd",
+    type: "select",
+    options: D_GS_RLQB_RWDD_YZCD
+  },
+  { label: "所属单位代码", prop: "ssbmdm", type: "slot" },
+  { label: "所属单位名称", prop: "ssbmmc", type: "input" },
+  { label: "任务内容", prop: "rwNr", type: "textarea", width: "100%" },
+  { label: "线索列表", prop: "xsList", type: "slot", width: "80%" }
 ]);
-const listQuery = ref({
+const listQuery = ref({}); //表单
-  sfbqdj: []
+const roleIds = ref([]); //角色id
-}); //表单
+
+const chooseShow = ref(false); //选择弹窗
 const loading = ref(false);
 const elform = ref();
 const title = ref("");
+const deptList = ref([]); //部门列表
+const chooseType = ref("01"); //选择弹窗类型
+
 const rules = reactive({
   rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
 });
 const editpeo = ref();
-onMounted(() => {});
+onMounted(() => {
+  getdepartmentList();
+});
 // 初始化数据
-const init = (type, row,) => {
+const init = (type, row) => {
   dialogForm.value = true;
-  title.value = type == 'add' ? "新增" : "编辑";
+  title.value = type == "add" ? "新增" : "编辑";
   if (row) getDataById(row.id);
 };
 // 根据id查询详情
 const getDataById = (id) => {
-  // qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
+  qcckGet({}, "/mosty-gsxt/tbGsxtRlqbRwdd/selectVoById/" + id).then((res) => {
-  //   listQuery.value = res;
+    listQuery.value = res;
-  // });
+    tableDate.xsList = listQuery.value.xsList;
-};
-
-// 提交
-const submit = () => {
-  elform.value.submit((data)=>{
-    // let url =  title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
-    // let params = { ...data }
-    // qcckPost(params, url).then((res) => {
-    //   proxy.$message({ type: "success", message: title.value + "成功" });
-    //   emit("updateDate");
-    //   close();
-    // }).catch(() => {});
   });
 };
 
+// 获取部门列表
+const getdepartmentList = () => {
+  selectUserDeptPage().then((res) => {
+    deptList.value = res?.records.map((item) => ({
+      label: item.deptName,
+      value: item.deptId
+    }));
+  });
+};
+// 提交
+const submit = () => {
+  elform.value.submit((data) => {
+    data.xsList = tableDate.xsList.map((item) => item.id);
+    let url =
+      title.value == "新增"
+        ? "/mosty-gsxt/tbGsxtRlqbRwdd/save"
+        : "/mosty-gsxt/tbGsxtRlqbRwdd/update";
+    let params = { ...data };
+    qcckPost(params, url)
+      .then((res) => {
+        proxy.$message({ type: "success", message: title.value + "成功" });
+        emit("updateDate");
+        close();
+      })
+      .catch(() => {});
+  });
+};
+
+// 打开弹窗
+const openDialog = (type) => {
+  chooseShow.value = true;
+  chooseTitle.value = "请选择线索列表";
+  roleIds.value = tableDate.xsList.map((item) => item.id);
+};
+const handleAdd = () => {
+  dialogFormVisible.value = true;
+  dialogTitle.value = "新增信息";
+};
+
+// 接收父组件传入的数据并回显
+const setFormData = (data) => {
+  tableDate.xsList = data.xsList ?? [];
+  listQuery.value = {
+    ...data // 假设 data 包含所有需要的字段
+  };
+  tableDate.tableData = data.bkdxList;
+  console.log(listQuery.value);
+};
+// 选择数据
+const chooseDate = (data) => {
+  console.log(data, "选择数据");
+  tableDate.xsList = data;
+  listQuery.value.xsList = tableDate.xsList.map((item) => item.id);
+};
 // 关闭
 const close = () => {
   listQuery.value = {};
   dialogForm.value = false;
   loading.value = false;
 };
-defineExpose({ init });
+// 删除
+const delDictItem = (id) => {
+  console.log(id, "删除", tableDate.xsList);
+  tableDate.xsList = tableDate.xsList.filter((item) => item.id !== id);
+  listQuery.value.xsList = tableDate.xsList.map((item) => item.id);
+};
+defineExpose({ init, setFormData });
 </script>
 
 <style lang="scss" scoped>
 @import "~@/assets/css/layout.scss";
 @import "~@/assets/css/element-plus.scss";
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
 </style>

src/views/backOfficeSystem/HumanIntelligence/TaskScheduling/components/dialogList.vue

@@ -0,0 +1,269 @@
+<template>
+  <el-dialog
+    :title="titleValue"
+    width="900px"
+    :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.xsMc"
+            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
+          v-loading="loading"
+          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="xsMc" align="center" label="线索名称" />
+          <el-table-column prop="xsBh" align="center" label="线索编号" />
+          <el-table-column prop="xsLy" align="center" label="线索来源">
+            <template #default="{ row }">
+              <DictTag :value="row.xsLy" :tag="false" :options="D_GS_XS_LY" />
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="xsFxdj" align="center" label="风险等级">
+            <template #default="{ row }">
+              <DictTag
+                :value="row.xsFxdj"
+                :tag="false"
+                :options="D_GS_XS_FXDJ"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column prop="startTime" align="center" label="开始时间" />
+          <el-table-column prop="endTime" align="center" label="结束时间" />
+          <el-table-column prop="xsZxdd" align="center" label="指向地点" />
+          <el-table-column prop="xsNr" align="center" label="线索内容" />
+          <el-table-column prop="xsQtlx" align="center" label="群体类型">
+            <template #default="{ row }">
+              <DictTag
+                :value="row.xsQtlx"
+                :tag="false"
+                :options="D_GS_ZDQT_LB"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column prop="xsQtmc" align="center" label="群体名称" />
+          <el-table-column prop="sbDwMc" align="center" label="上报单位" />
+          <el-table-column prop="sbSj" align="center" label="上报时间" />
+          <el-table-column prop="xsSjrs" align="center" label="涉及人数" />
+          <el-table-column prop="xsZtCz" align="center" label="处置状态">
+            <template #default="{ row }">
+              <DictTag
+                :value="row.xsZtCz"
+                :tag="false"
+                :options="D_GS_XS_CZZT"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column prop="xsZt" align="center" label="状态">
+            <template #default="{ row }">
+              <DictTag :value="row.xsZt" :tag="false" :options="D_GS_XS_ZT" />
+            </template>
+          </el-table-column>
+        </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 { defineProps, ref, onMounted, getCurrentInstance } from "vue";
+import { qcckGet } from "@/api/qcckApi.js";
+const { proxy } = getCurrentInstance();
+const { D_GS_XS_LY, D_GS_XS_FXDJ, D_GS_ZDQT_LB, D_GS_XS_CZZT, D_GS_XS_ZT } =
+  proxy.$dict(
+    "D_GS_XS_LY",
+    "D_GS_XS_FXDJ",
+    "D_GS_ZDQT_LB",
+    "D_GS_XS_CZZT",
+    "D_GS_XS_ZT"
+  ); //获取字典数据
+
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    required: true
+  },
+  dic: {
+    type: Object,
+    default: () => {}
+  },
+  bqDl: {
+    type: String,
+    default: "01"
+  },
+  bqLx: {
+    type: String,
+    default: "01"
+  },
+  titleValue: {
+    type: String,
+    default: "选择大类"
+  },
+  LeaderType: {
+    type: String,
+    default: ""
+  },
+  //是否单选
+  Single: {
+    type: Boolean,
+    default: true
+  },
+  roleIds: {
+    type: Array,
+    default: []
+  }
+});
+const total = ref(0);
+const listQuery = ref({
+  current: 1,
+  size: 20
+});
+const loading = ref(false);
+const tableData = ref([]);
+const emits = defineEmits(["update:modelValue", "chooseDate"]);
+onMounted(() => {
+  handleFilter();
+});
+const closed = () => {
+  emits("update:modelValue", false);
+};
+const reset = () => {
+  listQuery.value = { current: 1, size: 20 };
+  getDataList();
+};
+
+const keyid = (row) => {
+  return row.id;
+};
+// 为用户分配角色
+const onComfirm = () => {
+  const userList = multipleSelectionUser.value;
+  let list = [];
+  let listId = [];
+  userList.forEach((val) => {
+    if (listId.indexOf(val.id) == -1) {
+      list.push(val);
+      listId.push(val.id);
+    }
+  });
+  emits("chooseDate", list);
+  let data = { type: props.LeaderType, userList: userList };
+  emits("chooseDateLeader", data);
+  closed();
+};
+/**
+ * pageSize 改变触发
+ */
+const handleSizeChange = (currentSize) => {
+  listQuery.value.size = currentSize;
+  getDataList();
+};
+
+/**
+ * 页码改变触发
+ */
+const handleCurrentChange = (currentPage) => {
+  listQuery.value.current = currentPage;
+  getDataList();
+};
+
+// 查询线索列表
+const getDataList = () => {
+  const data = listQuery.value;
+  loading.value = true;
+  qcckGet(data, "/mosty-gsxt/tbGsxtXs/selectPage").then((res) => {
+    tableData.value = res?.records;
+    total.value = Number(res.total);
+    loading.value = false;
+    multipleUser();
+  });
+};
+
+//列表回显
+function multipleUser() {
+  tableData.value.forEach((item) => {
+    if (props.roleIds.some((id) => id == item.id)) {
+      multipleUserRef.value.toggleRowSelection(item, true);
+    }
+  });
+}
+
+const handleFilter = () => {
+  listQuery.value.current = 1;
+  getDataList();
+};
+
+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/views/backOfficeSystem/HumanIntelligence/TaskScheduling/components/infoForm.vue

@@ -0,0 +1,285 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">人力情报信息搜索任务调度详情 </span>
+      <div>
+        <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 #bsDwDm>
+          <el-select
+            v-model="listQuery.bsDwDm"
+            placeholder="请选择上报单位代码"
+            style="width: 240px"
+            :disabled="true"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+        <!-- 上报单位代码 -->
+        <template #ssbmdm>
+          <el-select
+            v-model="listQuery.ssbmdm"
+            placeholder="请选择所属单位代码"
+            style="width: 240px"
+            :disabled="true"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+        <!-- 线索列表-->
+        <template #xsList>
+          <div class="boxlist">
+            <MyTable
+              :tableData="tableDate.xsList"
+              :tableColumn="tableDate.tableColumn"
+              :tableHeight="tableDate.tableHeight"
+              :key="tableDate.keyCount"
+              :tableConfiger="tableDate.tableConfiger"
+              :controlsWidth="tableDate.controlsWidth"
+              @chooseData="chooseData"
+            >
+              <template #xsLy="{ row }">
+                <DictTag :tag="false" :value="row.xsLy" :options="D_GS_XS_LY" />
+              </template>
+              <template #xsFxdj="{ row }">
+                <DictTag
+                  :tag="false"
+                  :value="row.xsFxdj"
+                  :options="D_GS_XS_FXDJ"
+                />
+              </template>
+
+              <template #xsQtlx="{ row }">
+                <DictTag
+                  :tag="false"
+                  :value="row.xsQtlx"
+                  :options="D_GS_ZDQT_LB"
+                />
+              </template>
+              <template #xsZtCz="{ row }">
+                <DictTag
+                  :tag="false"
+                  :value="row.xsZtCz"
+                  :options="D_GS_XS_CZZT"
+                />
+              </template>
+              <template #xsZt="{ row }">
+                <DictTag :tag="false" :value="row.xsZt" :options="D_GS_XS_ZT" />
+              </template>
+            </MyTable>
+          </div>
+        </template>
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
+import DialogList from "./dialogList.vue";
+import MyTable from "@/components/aboutTable/MyTable.vue";
+import * as rule from "@/utils/rules.js";
+import { selectUserDeptPage } from "@/api/user-manage";
+
+import {
+  ref,
+  defineExpose,
+  reactive,
+  onMounted,
+  defineEmits,
+  getCurrentInstance,
+  nextTick
+} from "vue";
+const emit = defineEmits(["updateDate"]);
+const props = defineProps({
+  dic: Object
+});
+const { proxy } = getCurrentInstance();
+const {
+  D_GS_RLQB_RWDD_LX,
+  D_GS_RLQB_RWDD_LY,
+  D_GS_RLQB_RWDD_YZCD,
+  D_GS_XS_FXDJ,
+  D_GS_XS_CZZT,
+  D_GS_XS_ZT,
+  D_GS_XS_LY,
+  D_GS_ZDQT_LB
+} = proxy.$dict(
+  "D_GS_RLQB_RWDD_LX",
+  "D_GS_RLQB_RWDD_LY",
+  "D_GS_RLQB_RWDD_YZCD",
+  "D_GS_XS_FXDJ",
+  "D_GS_XS_CZZT",
+  "D_GS_XS_ZT",
+  "D_GS_XS_LY",
+  "D_GS_ZDQT_LB"
+);
+const tableDate = reactive({
+  xsList: [], //表格数据
+  rykeyCount: 0,
+  tableConfiger: {
+    rowHieght: 61,
+    showSelectType: "checkBox",
+    loading: false,
+    size: "small",
+    border: true
+  },
+  total: 0,
+  pageConfiger: {
+    pageSize: 20,
+    pageCurrent: 1
+  }, //分页
+  controlsWidth: 220, //操作栏宽度
+  tableColumn: [
+    { label: "线索名称", prop: "xsMc", width: "100px" },
+    { label: "线索编号", prop: "xsBh", width: "100px" },
+    { label: "线索来源", prop: "xsLy", showSolt: true, width: "100px" },
+    { label: "风险等级", prop: "xsFxdj", showSolt: true, width: "100px" },
+    { label: "开始时间", prop: "startTime", width: "100px" },
+    { label: "结束时间", prop: "ryXjd", width: "100px" },
+    { label: "指向地点", prop: "xsZxdd", width: "100px" },
+    { label: "线索内容", prop: "xsNr", width: "100px" },
+    { label: "群体类型", prop: "xsQtlx", showSolt: true, width: "100px" },
+    { label: "群体名称", prop: "xsQtmc", width: "100px" },
+    { label: "上报单位", prop: "sbDwMc", width: "100px" },
+    { label: "上报时间", prop: "sbSj", width: "100px" },
+    { label: "涉及人数", prop: "xsSjrs", width: "100px" },
+    { label: "处置状态", prop: "xsZtCz", width: "100px", showSolt: true },
+    { label: "状态", prop: "xsZt", width: "100px", showSolt: true }
+  ]
+});
+const dialogForm = ref(false); //弹窗
+const chooseTitle = ref(""); //选择弹窗
+const formData = ref([
+  { label: "报送单位代码", prop: "bsDwDm", type: "slot", disabled: true },
+  { label: "报送单位名称", prop: "bsDwMc", type: "input", disabled: true },
+  { label: "任务标题", prop: "rwBt", type: "input", disabled: true },
+  { label: "任务编号", prop: "rwBh", type: "input", disabled: true },
+  {
+    label: "任务类型",
+    prop: "rwLx",
+    type: "select",
+    options: D_GS_RLQB_RWDD_LX,
+    disabled: true
+  },
+  {
+    label: "任务来源",
+    prop: "rwLy",
+    type: "select",
+    options: D_GS_RLQB_RWDD_LY,
+    disabled: true
+  },
+  { label: "反馈开始时间", prop: "rwSjKs", type: "datetime", disabled: true },
+  { label: "反馈截止时间", prop: "rwSjFkjz", type: "datetime", disabled: true },
+  {
+    label: "严重程度",
+    prop: "rwYzcd",
+    type: "select",
+    options: D_GS_RLQB_RWDD_YZCD,
+    disabled: true
+  },
+  { label: "所属单位代码", prop: "ssbmdm", type: "slot", disabled: true },
+  { label: "所属单位名称", prop: "ssbmmc", type: "input", disabled: true },
+  {
+    label: "任务内容",
+    prop: "rwNr",
+    type: "textarea",
+    width: "100%",
+    disabled: true
+  },
+  {
+    label: "线索列表",
+    prop: "xsList",
+    type: "slot",
+    width: "80%",
+    disabled: true
+  }
+]);
+const listQuery = ref({}); //表单
+const roleIds = ref([]); //角色id
+
+const chooseShow = ref(false); //选择弹窗
+const loading = ref(false);
+const elform = ref();
+const title = ref("");
+const deptList = ref([]); //部门列表
+const chooseType = ref("01"); //选择弹窗类型
+
+const rules = reactive({
+  rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
+});
+const editpeo = ref();
+onMounted(() => {
+  getdepartmentList();
+});
+// 初始化数据
+const init = (type, row) => {
+  dialogForm.value = true;
+  title.value = type == "add" ? "新增" : "编辑";
+  if (row) getDataById(row.id);
+};
+// 根据id查询详情
+const getDataById = (id) => {
+  qcckGet({}, "/mosty-gsxt/tbGsxtRlqbRwdd/selectVoById/" + id).then((res) => {
+    listQuery.value = res;
+    tableDate.xsList = listQuery.value.xsList;
+  });
+};
+
+// 获取部门列表
+const getdepartmentList = () => {
+  selectUserDeptPage().then((res) => {
+    deptList.value = res?.records.map((item) => ({
+      label: item.deptName,
+      value: item.deptId
+    }));
+  });
+};
+
+// 接收父组件传入的数据并回显
+const setFormData = (data) => {
+  tableDate.xsList = data.xsList ?? [];
+  listQuery.value = {
+    ...data // 假设 data 包含所有需要的字段
+  };
+  tableDate.tableData = data.bkdxList;
+};
+// 关闭
+const close = () => {
+  listQuery.value = {};
+  dialogForm.value = false;
+  loading.value = false;
+};
+defineExpose({ init, setFormData });
+</script>
+
+<style lang="scss" scoped>
+@import "~@/assets/css/layout.scss";
+@import "~@/assets/css/element-plus.scss";
+.boxlist {
+  width: 99%;
+  height: 225px;
+  margin-top: 10px;
+  overflow: hidden;
+}
+</style>

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

@@ -17,7 +17,27 @@
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
+      <Search
+        :searchArr="searchConfiger"
+        @submit="onSearch"
+        :key="pageData.keyCount"
+      >
+        <!-- 所属单位 -->
+        <template #ssbmdm>
+          <el-select
+            v-model="listQuery.ssbmdm"
+            placeholder="请选择上报单位代码"
+            style="width: 240px"
+          >
+            <el-option
+              v-for="item in deptList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value.toString()"
+            />
+          </el-select>
+        </template>
+      </Search>
     </div>
     <!-- 表格 -->
     <div class="tabBox">
@@ -28,13 +48,40 @@
         :key="pageData.keyCount"
         :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData">
+        @chooseData="chooseData"
+      >
+        <template #rwLy="{ row }">
+          <DictTag
+            :tag="false"
+            :value="row.rwLy"
+            :options="D_GS_RLQB_RWDD_LY"
+          />
+        </template>
+        <template #rwYzcd="{ row }">
+          <DictTag
+            :tag="false"
+            :value="row.rwYzcd"
+            :options="D_GS_RLQB_RWDD_YZCD"
+          />
+        </template>
+        <template #rwZt="{ row }">
+          <DictTag
+            :tag="false"
+            :value="row.rwZt"
+            :options="D_GS_RLQB_RWDD_ZT"
+          />
+        </template>
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
+          <el-link size="small" type="success" @click="addEdit('edit', row)"
-          <el-link size="small" type="primary">处置</el-link>
+            >编辑</el-link
-          <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
+          >
-          <el-link size="small" type="warning" @click="transferClue(row)">采纳</el-link>
+          <el-link size="small" type="primary" @click="infoList('info', row)"
+            >详情</el-link
+          >
+          <el-link size="small" type="danger" @click="deleteRow(row)"
+            >删除</el-link
+          >
         </template>
       </MyTable>
       <Pages
@@ -47,8 +94,10 @@
         }"
       ></Pages>
     </div>
-    <!-- 详情 -->
+    <!-- 新增编辑 -->
-    <DetailForm ref="detailDiloag" />
+    <DetailForm ref="detailDiloag" @updateDate="getList()" />
+    <!-- 新增编辑 -->
+    <InfoForm ref="infoDiloag" />
   </div>
 </template>
 
@@ -59,18 +108,64 @@ import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import DetailForm from "./components/addForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+import { selectUserDeptPage } from "@/api/user-manage";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import InfoForm from "./components/infoForm.vue";
 const { proxy } = getCurrentInstance();
+const { D_GS_RLQB_RWDD_LY, D_GS_RLQB_RWDD_YZCD, D_GS_RLQB_RWDD_ZT } =
+  proxy.$dict("D_GS_RLQB_RWDD_LY", "D_GS_RLQB_RWDD_YZCD", "D_GS_RLQB_RWDD_ZT"); //获取字典数据
+
 const detailDiloag = ref();
+const infoDiloag = ref();
 const searchBox = ref(); //搜索框
+const deptList = ref([]); //部门列表
 
 const searchConfiger = ref([
-  { label: "所属单位", prop: 'belongUnit', placeholder: "请选择所属单位", showType: "select" },
+  {
-  { label: "任务标题", prop: 'taskTitle', placeholder: "请输入任务标题", showType: "input" },
+    label: "所属单位",
-  { label: "任务编号", prop: 'taskNo', placeholder: "请输入任务编号", showType: "input" },
+    prop: "ssbmdm",
-  { label: "任务内容", prop: 'taskContent', placeholder: "请输入任务内容", showType: "input" },
+    placeholder: "请选择所属单位",
-  { label: "任务来源", prop: 'taskSource', placeholder: "请选择任务来源", showType: "select" },
+    showType: "department"
-  { label: "严重程度", prop: 'severity', placeholder: "请选择严重程度", showType: "select" },
+  },
+  {
+    label: "任务标题",
+    prop: "rwBt",
+    placeholder: "请输入任务标题",
+    showType: "input"
+  },
+  {
+    label: "任务编号",
+    prop: "rwBh",
+    placeholder: "请输入任务编号",
+    showType: "input"
+  },
+  {
+    label: "任务内容",
+    prop: "rwNr",
+    placeholder: "请输入任务内容",
+    showType: "input"
+  },
+  {
+    label: "任务来源",
+    prop: "rwLy",
+    placeholder: "请选择任务来源",
+    showType: "select",
+    options: D_GS_RLQB_RWDD_LY
+  },
+  {
+    label: "严重程度",
+    prop: "rwYzcd",
+    placeholder: "请选择严重程度",
+    showType: "select",
+    options: D_GS_RLQB_RWDD_YZCD
+  },
+  {
+    label: "任务状态",
+    prop: "rwZt",
+    placeholder: "请选择任务状态",
+    showType: "select",
+    options: D_GS_RLQB_RWDD_ZT
+  }
 ]);
 
 const pageData = reactive({
@@ -88,68 +183,86 @@ const pageData = reactive({
   },
   controlsWidth: 220,
   tableColumn: [
-    { label: "任务编号", prop: "taskNo" },
+    { label: "任务编号", prop: "rwBh" },
-    { label: "任务标题", prop: "taskTitle" },
+    { label: "任务标题", prop: "rwBt" },
-    { label: "任务内容", prop: "taskContent", width: 200 },
+    { label: "任务内容", prop: "rwNr", width: 200 },
-    { label: "任务来源", prop: "taskSource" },
+    { label: "任务来源", prop: "rwLy", showSolt: true },
-    { label: "严重程度", prop: "severity" },
+    { label: "严重程度", prop: "rwYzcd", showSolt: true },
-    { label: "处理情况", prop: "processStatus" },
+    // { label: "处理情况", prop: "processStatus" },
-    { label: "上报时间", prop: "reportTime" },
+    { label: "上报时间", prop: "sbSj" },
-    { label: "采集状态", prop: "collectStatus" },
+    // { label: "采集状态", prop: "collectStatus" },
-    { label: "填充部门", prop: "fillDepartment" },
+    // { label: "填充部门", prop: "fillDepartment" },
-    { label: "状态", prop: "status" }
+    { label: "状态", prop: "rwZt", showSolt: true }
   ]
-})
+});
 
 const queryFrom = ref({});
 
 onMounted(() => {
-  getList()
+  getList();
   tabHeightFn();
+  getdepartmentList();
 });
-
+// 获取部门列表
+const getdepartmentList = () => {
+  selectUserDeptPage().then((res) => {
+    deptList.value = res?.records.map((item) => ({
+      label: item.deptName,
+      value: item.deptId
+    }));
+  });
+};
 //选择类型
 const handleType = (val) => {
   pageData.keyCount++;
   pageData.pageConfiger.pageCurrent = 1;
-  getList()
+  getList();
-}
+};
 // 搜索
-const onSearch = (val) =>{
+const onSearch = (val) => {
-  queryFrom.value = {...val}
+  queryFrom.value = { ...val };
   pageData.pageConfiger.pageCurrent = 1;
-  getList()
+  getList();
-}
+};
 
-const changeNo = (val) =>{
+const changeNo = (val) => {
   pageData.pageConfiger.pageNum = val;
-  getList()
+  getList();
-}
+};
-const changeSize = (val) =>{
+const changeSize = (val) => {
   pageData.pageConfiger.pageSize = val;
-  getList()
+  getList();
-}
+};
 
 // 获取列表
-const getList = (val) =>{
+const getList = (val) => {
   // pageData.tableConfiger.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
-  // let url = '/mosty-lzcj/tbDwMbkf/queryList';
+  let url = "/mosty-gsxt/tbGsxtRlqbRwdd/selectPage";
-  // qcckPost(data,url).then(res=>{
+  qcckGet(data, url)
-  //   pageData.tableData = res.records || [];
+    .then((res) => {
-  //   pageData.total = res.total;
+      pageData.tableData = res.records || [];
-  //   pageData.tableConfiger.loading = false;
+      pageData.total = res.total;
-  // }).catch(()=>{ pageData.tableConfiger.loading = false; })
+      pageData.tableConfiger.loading = false;
-}
+    })
+    .catch(() => {
+      pageData.tableConfiger.loading = false;
+    });
+};
 
 // 详情
 const addEdit = (type, row) => {
   detailDiloag.value.init(type, row);
 };
+// 详情
+const infoList = (type, row) => {
+  infoDiloag.value.init(type, row);
+};
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
+  pageData.tableHeight =
+    window.innerHeight - searchBox.value.offsetHeight - 250;
   window.onresize = function () {
     tabHeightFn();
   };
@@ -161,4 +274,3 @@ const tabHeightFn = () => {
   background: rgba(0, 0, 0, 0.5) !important;
 }
 </style>
-

src/views/backOfficeSystem/IntelligentControl/myControl/components/ui/controlInfo.vue

@@ -353,7 +353,6 @@ const getFormData = () => {
 };
 // 打开弹窗
 const openDialog = (type) => {
-  console.log(tableDate.yjbqList, tableDate.rybqList);
   chooseShow.value = true;
   chooseType.value = type;
   chooseTitle.value = type == "01" ? "请选择预警标签模型" : "请选择人员标签";