更新

src/views/backOfficeSystem/DeploymentDisposal/autompvGroup/index.vue

@@ -1,139 +1,131 @@
 <template>
   <div>
     <div class="titleBox">
-      <PageTitle title="布控审批">
-        <div class="sub-nav">
-          <el-tabs v-model="activeSubNav" @click="handleType">
-            <el-tab-pane label="我的发起" name="myInitiate"></el-tab-pane>
-            <el-tab-pane label="我的审核" name="myAudit"></el-tab-pane>
-            <el-tab-pane label="我的审批" name="myApprove"></el-tab-pane>
-            <el-tab-pane label="我的签收" name="mySign"></el-tab-pane>
-            <el-tab-pane label="我的处置" name="myHandle"></el-tab-pane>
-          </el-tabs>
-        </div>
+      <PageTitle title="重点群体审批">
+        <el-popover placement="bottom" :visible="visible" :width="400" trigger="click">
+          <template #reference>
+            <el-button type="primary" @click="(visible = !visible), (visiblefp = false)" size="small">布控申请
+            </el-button>
+          </template>
+          <div class="flex just-center">
+            <el-button size="small" type="primary" v-for="it in D_GS_BK_SQLX" :key="it.dm" @click="handleApplication(it)">{{it.zdmc }}</el-button>
+          </div>
+        </el-popover>
+        <el-popover placement="bottom" :visible="visiblefp" :width="400" trigger="click">
+          <template #reference>
+            <el-button size="small" type="primary" @click="(visiblefp = !visiblefp), (visible = false)">指定分配</el-button>
+          </template>
+          <div>
+            <el-input readonly v-model="obj.fpmc" @click="chooseUserVisible = true" placeholder="请选择民警"></el-input>
+            <div class="flex just-center mt10">
+              <el-button @click="(visiblefp = false), (obj = {})" size="small">取消</el-button>
+              <el-button type="primary" @click="handlefp" size="small">分配</el-button>
+            </div>
+          </div>
+        </el-popover>
+        <el-button size="small" type="primary" @click="handleZxs">转线索</el-button>
+        <el-button size="small" type="primary" @click="handleMove">移交管控</el-button>
+        <el-button type="primary" size="small" @click="addEdit('add', null)">
+          <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>
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
     </div>
     <!-- 表格 -->
     <div class="tabBox">
-      <MyTable
-        :tableData="pageData.tableData"
-        :tableColumn="pageData.tableColumn"
+      <MyTable 
+        :tableData="pageData.tableData" 
+        :tableColumn="pageData.tableColumn" 
         :tableHeight="pageData.tableHeight"
-        :key="pageData.keyCount"
-        :tableConfiger="pageData.tableConfiger"
+        :key="pageData.keyCount" 
+        :tableConfiger="pageData.tableConfiger" 
         :controlsWidth="pageData.controlsWidth"
         @chooseData="chooseData"
       >
         <template #jbxx="{ row }">
-          <div>
-            <img src="" alt="" />
-            <ul>
-              <li>群体名称：{{ row.qtMc }}</li>
-              <!-- <li>所属辖区：</li> -->
-              <li class="rowClass">
-                风险等级：
-                <DictTag
-                  :tag="false"
-                  :value="row.qtFxdj"
-                  :options="D_GS_ZDQT_FXDJ"
-                />
+          <div class="flex">
+            <img src="" alt="" style="width: 80px;height: 90px;" />
+             <ul class="tl ml10" style="flex:1 0 0">
+              <li class="one_text_detail">群体名称：{{ row.qtMc }}</li>
+              <li class="one_text_detail">群体级别：{{ row.qtjb }}</li>
+              <li class="flex one_text_detail">风险等级：
+                <DictTag :tag="false" :value="row.qtFxdj" :options="D_GS_ZDQT_FXDJ" />
               </li>
-              <li>创建时间：{{ row.xtCjsj }}</li>
+              <li class="one_text_detail">创建时间：{{ row.xtCjsj }}</li>
             </ul>
           </div>
-          <div class="flex">
-            <el-button
-              :key="index"
-              type="primary"
-              size="small"
-              v-for="(item, index) in row.bqList"
-            >
-              {{ item.bqMc }}</el-button
-            >
+           <div class="ww100 one_text_detail">
+            <el-button type="primary" size="small" v-for="(item, index) in row.bqList" :key="index">{{ item.bqMc }}</el-button>
           </div>
         </template>
         <template #bgxx="{ row }">
-          <div>背景资料：{{ row.qtBjzl }}</div>
-          <div>创建单位：{{ row.xtCjbmmc }}</div>
+          <div class="flex one_text_detail">背景资料：{{ row.qtBjzl }}</div>
+          <div class="flex one_text_detail">创建单位：{{ row.xtCjbmmc }}</div>
         </template>
         <template #gkxx="{ row }">
-          <div>管辖单位：{{ row.gxSsdwmc }}</div>
-          <div>列控原因：{{ row.zdrLkyy }}</div>
-          <div>开始时间：{{ row.startTime }}</div>
-          <div>截至时间：{{ row.endTime }}</div>
+          <div class="flex one_text_detail">管辖单位：{{ row.gxSsbmmc }}</div>
+          <div class="flex one_text_detail">列控原因：{{ row.zdrLkyy }}</div>
+          <div class="flex one_text_detail">开始时间：{{ row.zdrRkkssj }}</div>
+          <div class="flex one_text_detail">截至时间：{{ row.zdrRkjssj }}</div>
         </template>
-        <template #wkrs="{ row }">
-          <span style="color: #0072ff">{{ row.wkrs }}</span>
+        <template #zdryList="{ row }">
+          <span style="color: #0072ff">{{ row.zdryList ? row.zdryList.length : 0 }}</span>
         </template>
         <template #qtZt="{ row }">
-          <DictTag :tag="false" :value="row.qtZt" :options="D_GS_ZDR_BK_ZT" />
+          <DictTag :tag="false" :value="row.qtZt" :options="D_GS_ZDQT_ZT" />
         </template>
-
         <!-- 操作 -->
         <template #controls="{ row }">
-          <el-link
-            size="small"
-            type="primary"
-            @click="autoEdit('auto', row)"
-            v-if="row.qtZt === '02' && activeSubNav === 'myAudit'"
-            >审核</el-link
-          >
-          <el-link
-            size="small"
-            type="success"
-            @click="autoEdit('approval', row)"
-            v-if="row.qtZt === '04' && activeSubNav === 'myApprove'"
-            >审批</el-link
-          >
-          <el-link size="small" type="info" @click="autoEdit('detail', row)"
-            >详情</el-link
-          >
+          <el-link size="small">审核</el-link>
+          <el-link size="small">审批</el-link>
+          <el-link size="small" type="success" @click="addEdit('detail', row)">详情</el-link>
         </template>
       </MyTable>
-      <Pages
-        @changeNo="changeNo"
-        @changeSize="changeSize"
-        :tableHeight="pageData.tableHeight"
-        :pageConfiger="{
-          ...pageData.pageConfiger,
-          total: pageData.total
-        }"
-      ></Pages>
+      <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
+        ...pageData.pageConfiger,
+        total: pageData.total
+      }"></Pages>
     </div>
-    <!-- 详情 -->
-    <MpvGroupInfo ref="MpvGroupInfoRef" />
+    <!-- 编辑 - 新增-->
+    <EditForm v-if="show" @updateDate="getList" ref="editFormDiloag" :dic="{D_BZ_XB,D_GS_ZDQT_LB,D_GS_ZDQT_FXDJ,D_GS_ZDR_CZZT}" />
+    <!-- 选择用户 -->
+    <ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />    <!-- 转线索 -->
+    <ZxsForm v-if="showzxs" ref="zxsDilof" @change="getList" :dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }"></ZxsForm>
   </div>
 </template>
 
 <script setup>
+import ZxsForm from "../mpvGroup/components/zxsForm.vue";
+import ChooseUser from "@/components/ChooseList/ChooseUser/index.vue";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
-import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
-import { reactive, ref, onMounted, getCurrentInstance } from "vue";
-import { setItem, getItem } from "@/utils/storage";
-import { selectUserDeptPage } from "@/api/user-manage";
-import MpvGroupInfo from "../mpvGroup/components/infoForm.vue";
-
+import EditForm from "../mpvGroup/components/addForm.vue";
+import { qcckGet, qcckPost } from "@/api/qcckApi.js";
+import { ElMessage } from "element-plus";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 const { proxy } = getCurrentInstance();
-const { D_GS_ZDQT_FXDJ, D_GS_ZDR_RYJB, D_GS_ZDR_BK_ZT } = proxy.$dict("D_GS_ZDQT_FXDJ","D_GS_ZDR_RYJB","D_GS_ZDR_BK_ZT" ); //获取字典数据
-const deptList = ref([]); //部门列表
+const { D_GS_ZDR_CZZT,D_GS_BK_SQLX, D_GS_ZDQT_FXDJ, D_GS_ZDR_RYJB, D_GS_ZDQT_LB, D_GS_ZDR_BK_ZT, D_GS_BQ_LX, D_GS_ZDQT_ZT, D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDR_CZZT","D_GS_BK_SQLX", "D_GS_ZDQT_FXDJ", "D_GS_ZDR_RYJB", "D_GS_ZDQT_LB", "D_GS_ZDR_BK_ZT", "D_GS_BQ_LX", "D_GS_ZDQT_ZT", "D_BZ_SF", "D_BZ_XB", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX"); //获取字典数据
+const showzxs = ref(false);
+const queryFrom = ref({});
+const ids = ref([]);
+const choosList = ref([]);
+const show = ref(false);
+const chooseUserVisible = ref(false); //审批流程
+const roleIds = ref([]); //角色id
+const editFormDiloag = ref();
 const searchBox = ref(); //搜索框
-const userId = getItem("USERID");
-const MpvGroupInfoRef = ref(null);
-
-// 子导航激活状态
-const activeSubNav = ref("myAudit");
+const visible = ref(false);
+const visiblefp = ref(false);
+const zxsDilof = ref();
+const obj = ref({});
 const searchConfiger = ref([
   {
     label: "群体名称",
@@ -154,63 +146,59 @@ const searchConfiger = ref([
     placeholder: "请选择重点人人员级别",
     showType: "select",
     options: D_GS_ZDR_RYJB
+  },
+  {
+    label: "群体类别",
+    prop: "qtLb",
+    placeholder: "请选择群体类别",
+    showType: "select",
+    options: D_GS_ZDQT_LB
+  },
+  {
+    label: "布控状态",
+    prop: "zdrBkZt",
+    placeholder: "请输入布控装态",
+    showType: "select",
+    options: D_GS_ZDR_BK_ZT
+  },
+  {
+    label: "布控类型",
+    prop: "bkzt",
+    placeholder: "请输入布控类型",
+    showType: "select",
+    options: D_GS_BQ_LX
   }
 ]);
-const queryFrom = ref({});
-const userInfo = ref({});
+
 const pageData = reactive({
-  tableData: [], //表格数据
+  tableData: [],
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "null",
+    showSelectType: "checkBox",
     loading: false
   },
   total: 0,
   pageConfiger: {
     pageSize: 20,
     pageCurrent: 1
-  }, //分页
-  controlsWidth: "240", //操作栏宽度
-
+  },
+  controlsWidth: 220,
   tableColumn: [
-    { label: "群体基本信息", prop: "jbxx", showSolt: true },
-    { label: "背景信息", prop: "bgxx", showSolt: true },
-    { label: "管控信息", prop: "gkxx", showSolt: true },
-    { label: "稳控人数", prop: "wkrs", showSolt: true, width: 80 },
+    { label: "群体基本信息", prop: "jbxx", showSolt: true,width:300 },
+    { label: "背景信息", prop: "bgxx", showSolt: true,width:300 },
+    { label: "管控信息", prop: "gkxx", showSolt: true,width:300 },
+    { label: "稳控人数", prop: "zdryList", showSolt: true },
     { label: "状态", prop: "qtZt", showSolt: true }
   ]
 });
+
 onMounted(() => {
   tabHeightFn();
-  getUserInfo();
-  getdepartmentList();
+  getList();
 });
 
-// 获取部门列表
-const getdepartmentList = () => {
-  selectUserDeptPage().then((res) => {
-    deptList.value = res?.records.map((item) => ({
-      label: item.deptName,
-      value: item.deptId
-    }));
-  });
-};
-const getUserInfo = async () => {
-  await qcckGet({}, `/mosty-base/sysUser/getUserInfo/${userId}`).then((res) => {
-    userInfo.value = res;
-    setItem("userInfo", res);
-    getList();
-  });
-};
 
-//选择类型
-const handleType = () => {
-  pageData.keyCount++;
-  pageData.pageConfiger.pageCurrent = 1;
-
-  getList();
-};
 // 搜索
 const onSearch = (val) => {
   queryFrom.value = { ...val };
@@ -228,77 +216,93 @@ const changeSize = (val) => {
 };
 
 // 获取列表
-const getList = (val) => {
+const getList = () => {
   pageData.tableConfiger.loading = true;
-  let data = {
-    ...pageData.pageConfiger,
-    ...queryFrom.value,
-    [activeSubNav.value === "myAudit" ? "bkshrSfzh" : "bksprSfzh"]:
-      userInfo.value.idEntityCard
-  };
-  let url = "/mosty-gsxt/tbGsxtZdqt/selectPage";
-  qcckGet(data, url)
-    .then((res) => {
-      pageData.tableData = res.records || [];
-      pageData.total = res.total;
-      pageData.tableConfiger.loading = false;
-    })
-    .catch(() => {
-      pageData.tableConfiger.loading = false;
-    });
+  let data = { ...pageData.pageConfiger, ...queryFrom.value,qtZt:'02' };
+  qcckGet(data, "/mosty-gsxt/tbGsxtZdqt/selectPage").then((res) => {
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(() => {
+    pageData.tableConfiger.loading = false;
+  });
 };
 
 // 详情
-const autoEdit = (type, row) => {
-  MpvGroupInfoRef.value.init(type, row);
+const addEdit = (type, row) => {
+  show.value = true;
+  visible.value = false;
+  nextTick(() => {
+    editFormDiloag.value.init(type, row);
+  });
+};
+
+const chooseData = (data) => {
+  ids.value = Array.isArray(data) ? data.map((item) => item.id) : [];
+  choosList.value = Array.isArray(data) ? data : [];
+};
+// 选择申请数据数据
+const handleApplication = () => {
+  if (ids.value.length === 0)return ElMessage.error("请先选择需要布控的重点群体");
+  qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdqt/addBksq").then(() => {
+    ElMessage.success("申请成功");
+    visible.value = false;
+    getList();
+  }).catch(() => {
+    ElMessage.error("布控申请失败");
+  });
+};
+
+const handleUserSelected = (val) => {
+  obj.value.fpmc = val[0].userName;
+  obj.value.fpid = val[0].id;
+};
+
+const handlefp = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要分配的重点群体");
+  qcckPost({ ids: ids.value, uid: obj.value.fpid },"/mosty-gsxt/tbGsxtZdqt/addGkmj").then(() => {
+    ElMessage.success("分配成功");
+    visible.value = false;
+    visiblefp.value = false;
+    getList();
+  }).catch(() => {
+    ElMessage.error("分配失败");
+  });
+};
+// 移交管控
+const handleMove = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要移交管控的重点群体");
+  proxy.$confirm("是否确定移交？", "警告", { type: "warning" }).then(() => {
+    qcckPost({ ids: ids.value }, "/mosty-gsxt/tbGsxtZdqt/addSfyj").then(() => {
+      ElMessage.success("移交管控成功");
+      getList();
+    }).catch(() => {
+      ElMessage.error("移交管控失败");
+    });
+  }).catch(() => { });
+};
+
+const handleZxs = () => {
+  if (ids.value.length === 0) return ElMessage.error("请先选择需要转线索的重点群体");
+  showzxs.value = true;
+  nextTick(() => {
+    zxsDilof.value.init(choosList.value);
+  });
 };
 
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight =
-    window.innerHeight - searchBox.value.offsetHeight - 260;
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
   window.onresize = function () {
     tabHeightFn();
   };
 };
+defineExpose({});
 </script>
 
-<style lang="scss" scoped>
-.main-nav {
-  padding: 16px;
-  background-color: #fff;
+<style>
+.el-loading-mask {
+  background: rgba(0, 0, 0, 0.5) !important;
 }
 
-.nav-btn {
-  margin-right: 10px;
-  border: none;
-  background: none;
-
-  &.active {
-    background-color: #409eff;
-    color: #fff;
-  }
-}
-
-.sub-nav {
-  background-color: #fff;
-  padding: 0 16px;
-}
-
-:deep(.el-tabs__header) {
-  margin-bottom: 0;
-}
-
-:deep(.el-tabs__nav-wrap::after) {
-  height: 1px;
-}
-
-.btns {
-  height: 52px;
-  padding: 10px;
-  box-sizing: border-box;
-}
-::v-deep .el-tabs__nav-wrap::after {
-  background: none;
-}
 </style>