This commit is contained in:
2025-07-08 10:37:12 +08:00
parent b4852c5b5c
commit b0b4644c2b
4 changed files with 72 additions and 383 deletions

View File

@ -3,27 +3,12 @@
<div class="head_box"> <div class="head_box">
<span class="title">重点群体管理 </span> <span class="title">重点群体管理 </span>
<div> <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> <el-button size="small" @click="close">关闭</el-button>
</div> </div>
</div> </div>
<div class="form_cnt"> <div class="form_cnt">
<el-tabs <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
v-model="activeName"
type="card"
class="demo-tabs"
@tab-click="handleClick"
>
<el-tab-pane :label="title + '群体'" name="first"></el-tab-pane>
<el-tab-pane label="轨迹信息" name="second"></el-tab-pane>
<el-tab-pane label="标签信息" name="third"></el-tab-pane>
</el-tabs>
<FormMessage
v-model="listQuery"
:formList="formData"
ref="elform"
:rules="rules"
>
<template #qtXx> <template #qtXx>
<el-divider content-position="left">群体信息</el-divider> <el-divider content-position="left">群体信息</el-divider>
</template> </template>
@ -36,21 +21,11 @@
</template> </template>
<template #xzRy> <template #xzRy>
<div class="btns"> <div class="btns">
<el-button type="primary" @click="handleAddEdit('add', '')" <el-button type="primary" @click="handleAddEdit('add', '')">新增</el-button>
>新增</el-button <el-button type="primary" @click="selectionAdd()">选择重点人员</el-button>
>
<el-button type="primary" @click="selectionAdd()"
>选择重点人员</el-button
>
</div> </div>
<MyTable <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :key="pageData.keyCount"
:tableData="pageData.tableData" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" @chooseData="chooseData">
:tableColumn="pageData.tableColumn"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData"
>
<template #ryxx="{ row }"> <template #ryxx="{ row }">
<div> <div>
<img src="" alt="" /> <img src="" alt="" />
@ -58,29 +33,17 @@
<li>姓名{{ row.rySfzh }}</li> <li>姓名{{ row.rySfzh }}</li>
<li class="rowClass"> <li class="rowClass">
性别 性别
<DictTag <DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
:tag="false"
:value="row.ryXb"
:options="D_BZ_XB"
/>
</li> </li>
<li class="rowClass"> <li class="rowClass">
籍贯 籍贯
<DictTag <DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
:tag="false"
:value="row.ryJg"
:options="D_BZ_XZQHDM"
/>
</li> </li>
<li>身份证{{ row.rySfzh }}</li> <li>身份证{{ row.rySfzh }}</li>
<li>出生日期{{ row.ryCsrq }}</li> <li>出生日期{{ row.ryCsrq }}</li>
<li class="rowClass"> <li class="rowClass">
民族 民族
<DictTag <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
:tag="false"
:value="row.ryMz"
:options="D_BZ_MZ"
/>
</li> </li>
</ul> </ul>
</div> </div>
@ -93,11 +56,7 @@
<template #jzxx="{ row }"> <template #jzxx="{ row }">
<div class="rowClass"> <div class="rowClass">
户籍地区划 户籍地区划
<DictTag <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
:tag="false"
:value="row.hjdQh"
:options="D_BZ_XZQHDM"
/>
</div> </div>
<div>户籍派出所{{ row.hjdPcsmc }}</div> <div>户籍派出所{{ row.hjdPcsmc }}</div>
<div>户籍地详址{{ row.hjdXz }}</div> <div>户籍地详址{{ row.hjdXz }}</div>
@ -106,28 +65,16 @@
<div>管辖单位{{ row.gxSsbmmc }}</div> <div>管辖单位{{ row.gxSsbmmc }}</div>
<div class="rowClass"> <div class="rowClass">
人员级别 人员级别
<DictTag <DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
:tag="false"
:value="row.zdrRyjb"
:options="D_GS_ZDR_RYJB"
/>
</div> </div>
<div>管控原因{{ zdrLkyy }}</div> <div>管控原因{{ zdrLkyy }}</div>
<div class="rowClass"> <div class="rowClass">
管控状态 管控状态
<DictTag <DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" />
:tag="false"
:value="row.zdrBkZt"
:options="D_GS_ZDR_BK_ZT"
/>
</div> </div>
</template> </template>
<template #zdrCzzt="{ row }"> <template #zdrCzzt="{ row }">
<DictTag <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
:tag="false"
:value="row.zdrCzzt"
:options="D_GS_ZDR_CZZT"
/>
</template> </template>
<template #xtSjzt="{ row }"> <template #xtSjzt="{ row }">
<div> <div>
@ -137,20 +84,8 @@
</div> </div>
</template> </template>
<template #controls="{ row, index }"> <template #controls="{ row, index }">
<el-button <el-button size="small" type="primary" @click="handleAddEdit('edit', row)" link>编辑</el-button>
size="small" <el-button size="small" type="danger" @click="deleteData(index)" link>删除</el-button>
type="primary"
@click="handleAddEdit('edit', row)"
link
>编辑</el-button
>
<el-button
size="small"
type="danger"
@click="deleteData(index)"
link
>删除</el-button
>
</template> </template>
</MyTable> </MyTable>
</template> </template>
@ -161,14 +96,9 @@
<template #bqList> <template #bqList>
<el-button @click="open('01')">选择</el-button> <el-button @click="open('01')">选择</el-button>
<div class="boxlist"> <div class="boxlist">
<MyTable <MyTable :tableData="tableDate.bqList" :tableColumn="tableDate.tableColumn"
:tableData="tableDate.bqList" :tableHeight="tableDate.tableHeight" :key="tableDate.keyCount" :tableConfiger="tableDate.tableConfiger"
:tableColumn="tableDate.tableColumn" :controlsWidth="tableDate.controlsWidth">
:tableHeight="tableDate.tableHeight"
:key="tableDate.keyCount"
:tableConfiger="tableDate.tableConfiger"
:controlsWidth="tableDate.controlsWidth"
>
<template #bqLb="{ row }"> <template #bqLb="{ row }">
<DictTag :value="row.bqLb" :tag="false" :options="D_GS_BQ_LB" /> <DictTag :value="row.bqLb" :tag="false" :options="D_GS_BQ_LB" />
</template> </template>
@ -180,9 +110,7 @@
</template> </template>
<!-- 操作 --> <!-- 操作 -->
<template #controls="{ row }"> <template #controls="{ row }">
<el-link type="danger" @click="delDictItem(row.bqId)" <el-link type="danger" @click="delDictItem(row.bqId)">删除</el-link>
>删除</el-link
>
</template> </template>
</MyTable> </MyTable>
</div> </div>
@ -192,19 +120,12 @@
<template #lqxxList> <template #lqxxList>
<el-button @click="openDialog('01')">新增</el-button> <el-button @click="openDialog('01')">新增</el-button>
<div class="boxlist"> <div class="boxlist">
<MyTable <MyTable :tableData="tableDate.lqxxList" :tableColumn="tableDate.tableLqColumn"
:tableData="tableDate.lqxxList" :tableHeight="tableDate.tableHeight" :key="tableDate.keyCount" :tableConfiger="tableDate.tableConfiger"
:tableColumn="tableDate.tableLqColumn" :controlsWidth="tableDate.controlsWidth">
:tableHeight="tableDate.tableHeight"
:key="tableDate.keyCount"
:tableConfiger="tableDate.tableConfiger"
:controlsWidth="tableDate.controlsWidth"
>
<!-- 操作 --> <!-- 操作 -->
<template #controls="{ row, index }"> <template #controls="{ row, index }">
<el-link type="danger" @click="delDictItem(index)" <el-link type="danger" @click="delDictItem(index)">删除</el-link>
>删除</el-link
>
</template> </template>
</MyTable> </MyTable>
</div> </div>
@ -212,38 +133,16 @@
</FormMessage> </FormMessage>
</div> </div>
<!-- 列表弹窗 --> <!-- 列表弹窗 -->
<DialogList <DialogList :Single="false" :roleIds="roleIds" v-if="chooseShow" @chooseDate="chooseDate" :titleValue="chooseTitle"
:Single="false" v-model="chooseShow" :bqLx="chooseType" bqDl="02"></DialogList>
:roleIds="roleIds" <addFormPeo ref="addFormDiloag" @chooseDate="addFormPeoDate" @handleEditDate="handleEditDate" />
v-if="chooseShow"
@chooseDate="chooseDate"
:titleValue="chooseTitle"
v-model="chooseShow"
:bqLx="chooseType"
bqDl="02"
></DialogList>
<addFormPeo
ref="addFormDiloag"
@chooseDate="addFormPeoDate"
@handleEditDate="handleEditDate"
/>
<selectionList <selectionList :Single="false" :roleIds="selectroleId" v-if="selectionValue" @chooseDate="chooseSelectDate"
:Single="false" :titleValue="chooseTitle" v-model="selectionValue">
:roleIds="selectroleId"
v-if="selectionValue"
@chooseDate="chooseSelectDate"
:titleValue="chooseTitle"
v-model="selectionValue"
>
</selectionList> </selectionList>
<!-- 列表弹窗 --> <!-- 列表弹窗 -->
<TagSelectorDialog <TagSelectorDialog v-model="choose" ref="tagDialog" @chooseDate="handleTagSelect"
v-model="choose" :dic="{ D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX }" />
ref="tagDialog"
@chooseDate="handleTagSelect"
:dic="{ D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX }"
/>
</div> </div>
</template> </template>
@ -254,9 +153,8 @@ import DialogList from "./dialogList.vue";
import selectionList from "./selectionList.vue"; import selectionList from "./selectionList.vue";
import addFormPeo from "./addFormPeo.vue"; import addFormPeo from "./addFormPeo.vue";
import ApprovalInfo from "./approvalInfo.vue"; import ApprovalInfo from "./approvalInfo.vue";
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import TagSelectorDialog from "./TagSelectorDialogPeo.vue"; import TagSelectorDialog from "./TagSelectorDialogPeo.vue";
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import { import {
ref, ref,
@ -310,12 +208,12 @@ const dialogForm = ref(false); //弹窗
const formRef = ref(); const formRef = ref();
const activeName = ref("first"); const activeName = ref("first");
const formData = ref([ const formData = ref([
{ label: "", prop: "qtXx", type: "slot", width: "100%" }, { prop: "qtXx", type: "slot", width: "100%" },
{ label: "群体名称", prop: "qtMc", type: "input" }, { label: "群体名称", prop: "qtMc", type: "input" },
{ label: "群体别名", prop: "qtBm", type: "input" }, { label: "群体别名", prop: "qtBm", type: "input" },
{ label: "群体简称", prop: "qtJc", type: "input" }, { label: "群体简称", prop: "qtJc", type: "input" },
{ label: "群体类别", prop: "qtLb", type: "select", options: D_GS_ZDQT_LB }, { label: "群体类别", prop: "qtLb", type: "select", options: D_GS_ZDQT_LB },
{ label: "成立时间", prop: "qtClsj", type: "date" ,lx:"datetime" }, { label: "成立时间", prop: "qtClsj", type: "date", lx: "datetime" },
{ label: "风险等级", prop: "qtFxdj", type: "select", options: D_GS_ZDQT_FXDJ }, { label: "风险等级", prop: "qtFxdj", type: "select", options: D_GS_ZDQT_FXDJ },
{ label: "背景资料", prop: "qtBjzl", type: "input" }, { label: "背景资料", prop: "qtBjzl", type: "input" },
{ label: "两群采集录入", prop: "lqxxList", type: "slot", width: "100%" }, { label: "两群采集录入", prop: "lqxxList", type: "slot", width: "100%" },
@ -404,7 +302,7 @@ const rules = reactive({
xsbt: [{ required: true, message: "请输入线索标题", trigger: "blur" }] xsbt: [{ required: true, message: "请输入线索标题", trigger: "blur" }]
}); });
const editpeo = ref(); const editpeo = ref();
onMounted(() => {}); onMounted(() => { });
// 初始化数据 // 初始化数据
const init = async (type, row) => { const init = async (type, row) => {
dialogForm.value = true; dialogForm.value = true;
@ -570,7 +468,7 @@ const submit = () => {
emit("updateDate"); emit("updateDate");
close(); close();
}) })
.catch(() => {}); .catch(() => { });
}); });
}; };
@ -586,16 +484,19 @@ defineExpose({ init });
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/assets/css/layout.scss"; @import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss"; @import "~@/assets/css/element-plus.scss";
::v-deep .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
color: #0072ff; color: #0072ff;
background: rgba(0, 114, 255, 0.3); background: rgba(0, 114, 255, 0.3);
} }
.boxlist { .boxlist {
width: 99%; width: 99%;
height: 225px; height: 225px;
margin-top: 10px; margin-top: 10px;
overflow: hidden; overflow: hidden;
} }
.btns { .btns {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;

View File

@ -3,41 +3,19 @@
<div class="head_box"> <div class="head_box">
<span class="title">重点群体管理 </span> <span class="title">重点群体管理 </span>
<div> <div>
<el-button <el-button size="small" type="primary" @click="autoClick" v-if="typetext == 'auto'">审核</el-button>
size="small" <el-button size="small" @click="autoClick" type="primary" v-if="typetext == 'approval'">审批</el-button>
type="primary"
@click="autoClick"
v-if="typetext == 'auto'"
>审核</el-button
>
<el-button
size="small"
@click="autoClick"
type="primary"
v-if="typetext == 'approval'"
>审批</el-button
>
<el-button size="small" @click="close">关闭</el-button> <el-button size="small" @click="close">关闭</el-button>
</div> </div>
</div> </div>
<div class="form_cnt"> <div class="form_cnt">
<el-tabs <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
v-model="activeName"
type="card"
class="demo-tabs"
@tab-click="handleClick"
>
<el-tab-pane :label="title + '群体'" name="first"></el-tab-pane> <el-tab-pane :label="title + '群体'" name="first"></el-tab-pane>
<el-tab-pane label="轨迹信息" name="second"></el-tab-pane> <el-tab-pane label="轨迹信息" name="second"></el-tab-pane>
<el-tab-pane label="标签信息" name="third"></el-tab-pane> <el-tab-pane label="标签信息" name="third"></el-tab-pane>
</el-tabs> </el-tabs>
<FormMessage <FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
v-model="listQuery"
:formList="formData"
ref="elform"
:rules="rules"
>
<template #qtXx> <template #qtXx>
<el-divider content-position="left">群体信息</el-divider> <el-divider content-position="left">群体信息</el-divider>
</template> </template>
@ -49,14 +27,8 @@
<ApprovalInfo ref="approvalInfoRef" /> <ApprovalInfo ref="approvalInfoRef" />
</template> </template>
<template #xzRy> <template #xzRy>
<MyTable <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :key="pageData.keyCount"
:tableData="pageData.tableData" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth" @chooseData="chooseData">
:tableColumn="pageData.tableColumn"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
:controlsWidth="pageData.controlsWidth"
@chooseData="chooseData"
>
<template #ryxx="{ row }"> <template #ryxx="{ row }">
<div> <div>
<img src="" alt="" /> <img src="" alt="" />
@ -64,29 +36,17 @@
<li>姓名{{ row.rySfzh }}</li> <li>姓名{{ row.rySfzh }}</li>
<li class="rowClass"> <li class="rowClass">
性别 性别
<DictTag <DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
:tag="false"
:value="row.ryXb"
:options="D_BZ_XB"
/>
</li> </li>
<li class="rowClass"> <li class="rowClass">
籍贯 籍贯
<DictTag <DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
:tag="false"
:value="row.ryJg"
:options="D_BZ_XZQHDM"
/>
</li> </li>
<li>身份证{{ row.rySfzh }}</li> <li>身份证{{ row.rySfzh }}</li>
<li>出生日期{{ row.ryCsrq }}</li> <li>出生日期{{ row.ryCsrq }}</li>
<li class="rowClass"> <li class="rowClass">
民族 民族
<DictTag <DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
:tag="false"
:value="row.ryMz"
:options="D_BZ_MZ"
/>
</li> </li>
</ul> </ul>
</div> </div>
@ -99,11 +59,7 @@
<template #jzxx="{ row }"> <template #jzxx="{ row }">
<div class="rowClass"> <div class="rowClass">
户籍地区划 户籍地区划
<DictTag <DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
:tag="false"
:value="row.hjdQh"
:options="D_BZ_XZQHDM"
/>
</div> </div>
<div>户籍派出所{{ row.hjdPcsmc }}</div> <div>户籍派出所{{ row.hjdPcsmc }}</div>
<div>户籍地详址{{ row.hjdXz }}</div> <div>户籍地详址{{ row.hjdXz }}</div>
@ -112,28 +68,16 @@
<div>管辖单位{{ row.gxSsbmmc }}</div> <div>管辖单位{{ row.gxSsbmmc }}</div>
<div class="rowClass"> <div class="rowClass">
人员级别 人员级别
<DictTag <DictTag :tag="false" :value="row.zdrRyjb" :options="D_GS_ZDR_RYJB" />
:tag="false"
:value="row.zdrRyjb"
:options="D_GS_ZDR_RYJB"
/>
</div> </div>
<div>管控原因{{ zdrLkyy }}</div> <div>管控原因{{ zdrLkyy }}</div>
<div class="rowClass"> <div class="rowClass">
管控状态 管控状态
<DictTag <DictTag :tag="false" :value="row.zdrBkZt" :options="D_GS_ZDR_BK_ZT" />
:tag="false"
:value="row.zdrBkZt"
:options="D_GS_ZDR_BK_ZT"
/>
</div> </div>
</template> </template>
<template #zdrCzzt="{ row }"> <template #zdrCzzt="{ row }">
<DictTag <DictTag :tag="false" :value="row.zdrCzzt" :options="D_GS_ZDR_CZZT" />
:tag="false"
:value="row.zdrCzzt"
:options="D_GS_ZDR_CZZT"
/>
</template> </template>
<template #xtSjzt="{ row }"> <template #xtSjzt="{ row }">
<div> <div>
@ -147,64 +91,28 @@
<!-- 两群采集录入--> <!-- 两群采集录入-->
<template #lqxxList> <template #lqxxList>
<div class="boxlist"> <div class="boxlist">
<MyTable <MyTable :tableData="tableDate.lqxxList" :tableColumn="tableDate.tableLqColumn"
:tableData="tableDate.lqxxList" :tableHeight="tableDate.tableHeight" :key="tableDate.keyCount" :tableConfiger="tableDate.tableConfiger"
:tableColumn="tableDate.tableLqColumn" :controlsWidth="tableDate.controlsWidth">
:tableHeight="tableDate.tableHeight"
:key="tableDate.keyCount"
:tableConfiger="tableDate.tableConfiger"
:controlsWidth="tableDate.controlsWidth"
>
</MyTable> </MyTable>
</div> </div>
</template> </template>
</FormMessage> </FormMessage>
</div> </div>
<!-- 列表弹窗 --> <!-- 列表弹窗 -->
<DialogList <DialogList :Single="false" :roleIds="roleIds" v-if="chooseShow" @chooseDate="chooseDate" :titleValue="chooseTitle"
:Single="false" v-model="chooseShow" :bqLx="chooseType" bqDl="02"></DialogList>
:roleIds="roleIds" <addFormPeo ref="addFormDiloag" @chooseDate="addFormPeoDate" @handleEditDate="handleEditDate" />
v-if="chooseShow"
@chooseDate="chooseDate"
:titleValue="chooseTitle"
v-model="chooseShow"
:bqLx="chooseType"
bqDl="02"
></DialogList>
<addFormPeo
ref="addFormDiloag"
@chooseDate="addFormPeoDate"
@handleEditDate="handleEditDate"
/>
<selectionList <selectionList :Single="false" :roleIds="selectroleId" v-if="selectionValue" @chooseDate="chooseSelectDate"
:Single="false" :titleValue="chooseTitle" v-model="selectionValue">
:roleIds="selectroleId"
v-if="selectionValue"
@chooseDate="chooseSelectDate"
:titleValue="chooseTitle"
v-model="selectionValue"
>
</selectionList> </selectionList>
<el-dialog v-model="dialogVisible" title="审核" width="500px"> <el-dialog v-model="dialogVisible" title="审核" width="500px">
<FormMessage <FormMessage v-model="listQueryAuto" :formList="formAutoData" ref="elform">
v-model="listQueryAuto"
:formList="formAutoData"
ref="elform"
>
<!-- 自定义原因字段渲染 --> <!-- 自定义原因字段渲染 -->
<template #shBtgyy> <template #shBtgyy>
<el-form-item <el-form-item label="原因" prop="shBtgyy" v-if="listQueryAuto.sftg == '0'" style="width: 100%">
label="原因" <el-input type="textarea" v-model="listQueryAuto.shBtgyy" placeholder="请输入不通过原因" />
prop="shBtgyy"
v-if="listQueryAuto.sftg == '0'"
style="width: 100%"
>
<el-input
type="textarea"
v-model="listQueryAuto.shBtgyy"
placeholder="请输入不通过原因"
/>
</el-form-item> </el-form-item>
</template> </template>
</FormMessage> </FormMessage>
@ -226,7 +134,6 @@ import selectionList from "./selectionList.vue";
import addFormPeo from "./addFormPeo.vue"; import addFormPeo from "./addFormPeo.vue";
import ApprovalInfo from "./approvalInfo.vue"; import ApprovalInfo from "./approvalInfo.vue";
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js"; import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
@ -389,7 +296,7 @@ const rules = reactive({
xsbt: [{ required: true, message: "请输入线索标题", trigger: "blur" }] xsbt: [{ required: true, message: "请输入线索标题", trigger: "blur" }]
}); });
const editpeo = ref(); const editpeo = ref();
onMounted(() => {}); onMounted(() => { });
// 初始化数据 // 初始化数据
const init = async (type, row) => { const init = async (type, row) => {
console.log(row, "编辑数据", type); console.log(row, "编辑数据", type);
@ -575,7 +482,7 @@ const submit = () => {
emit("updateDate"); emit("updateDate");
close(); close();
}) })
.catch(() => {}); .catch(() => { });
}); });
}; };
@ -591,16 +498,19 @@ defineExpose({ init });
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/assets/css/layout.scss"; @import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss"; @import "~@/assets/css/element-plus.scss";
::v-deep .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
color: #0072ff; color: #0072ff;
background: rgba(0, 114, 255, 0.3); background: rgba(0, 114, 255, 0.3);
} }
.boxlist { .boxlist {
width: 99%; width: 99%;
height: 225px; height: 225px;
margin-top: 10px; margin-top: 10px;
overflow: hidden; overflow: hidden;
} }
.btns { .btns {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;

View File

@ -1,120 +0,0 @@
<template>
<el-form ref="elform" :model="listQuery" :rules="rules" :inline="true" label-position="right">
<el-divider content-position="left">群体信息</el-divider>
<el-form-item prop="qtmc" label="群体名称">
<MOSTY.Other width="100%" clearable v-model="listQuery.qtmc" :placeholder="`请输入群体名称`"/>
</el-form-item>
<el-form-item prop="qtbm" label="群体别名">
<MOSTY.Other width="100%" clearable v-model="listQuery.qtbm" :placeholder="`请输入群体别名`"/>
</el-form-item>
<el-form-item prop="qtjc" label="群体简称">
<MOSTY.Other width="100%" clearable v-model="listQuery.qtjc" :placeholder="`请输入群体简称`"/>
</el-form-item>
<el-form-item prop="qtlb" label="群体类别">
<MOSTY.Other width="100%" clearable v-model="listQuery.qtlb" :placeholder="`请输入群体类别`"/>
</el-form-item>
<el-form-item prop="clsj" label="成立时间">
<el-date-picker v-model="listQuery.clsj" type="date" value-format="YYYY-MM-DD" placeholder="请选择日期" style="width:100%;" />
</el-form-item>
<el-form-item prop="fxdj" label="风险等级">
<MOSTY.Select filterable v-model="listQuery.fxdj" :dictEnum="[]" width="100%" clearable :placeholder="`请选择风险等级`"/>
</el-form-item>
<el-form-item prop="ybjc" label="背景资料" style="width:100%">
<MOSTY.Other filterable v-model="listQuery.bjzl" style="width:100%" />
</el-form-item>
<el-form-item prop="ybjc" label="两群采集录入" style="width:100%">
<MyTable
:tableData="pageData.tableData"
:tableColumn="pageData.tableColumn"
:tableHeight="pageData.tableHeight"
:key="pageData.keyCount"
:tableConfiger="pageData.tableConfiger"
/>
</el-form-item>
<el-divider content-position="left">群体管辖信息</el-divider>
<el-form-item prop="gxdw" label="管辖单位">
<MOSTY.Other width="100%" clearable v-model="listQuery.gxdw" :placeholder="`请输入管辖单位`"/>
</el-form-item>
<el-form-item prop="gxxq" label="管辖辖区">
<MOSTY.Other width="100%" clearable v-model="listQuery.gxxq" :placeholder="`请输入管辖辖区`"/>
</el-form-item>
<el-form-item prop="lxr" label="联系人">
<MOSTY.Other width="100%" clearable v-model="listQuery.lxr" :placeholder="`请输入联系人`"/>
</el-form-item>
<el-form-item prop="lxfs" label="联系方式">
<MOSTY.Other width="100%" clearable v-model="listQuery.lxfs" :placeholder="`请输入联系方式`"/>
</el-form-item>
<el-divider content-position="left">审批信息</el-divider>
<el-form-item prop="sqr" label="申请人">
<MOSTY.Other width="100%" clearable v-model="listQuery.sqr" :placeholder="`请输入申请人`"/>
</el-form-item>
<el-form-item prop="sqdw" label="申请单位">
<MOSTY.Other width="100%" clearable v-model="listQuery.sqdw" :placeholder="`请输入申请单位`"/>
</el-form-item>
<el-form-item prop="shr" label="审核人">
<MOSTY.Other width="100%" clearable v-model="listQuery.shr" :placeholder="`请输入审核人`"/>
</el-form-item>
<el-form-item prop="shdw" label="审核单位">
<MOSTY.Other width="100%" clearable v-model="listQuery.shdw" :placeholder="`请输入审核单位`"/>
</el-form-item>
<el-form-item prop="spr" label="审批人">
<MOSTY.Other width="100%" clearable v-model="listQuery.spr" :placeholder="`请输入审批人`"/>
</el-form-item>
<el-form-item prop="spdw" label="审批单位">
<MOSTY.Other width="100%" clearable v-model="listQuery.spdw" :placeholder="`请输入审批单位`"/>
</el-form-item>
<el-form-item prop="jsdw" label="接收单位">
<MOSTY.Other width="100%" clearable v-model="listQuery.jsdw" :placeholder="`请输入接收单位`"/>
</el-form-item>
<el-form-item prop="sffk" label="是否反馈">
<MOSTY.Other width="100%" clearable v-model="listQuery.sffk" :placeholder="`请输入是否反馈`"/>
</el-form-item>
</el-form>
</template>
<script setup>
import * as MOSTY from "@/components/MyComponents/index";
import MyTable from "@/components/aboutTable/MyTable.vue";
import { reactive,defineEmits,ref , defineExpose,} from 'vue'
const emits = defineEmits(["update:modelValue"]);
const elform = ref();
const listQuery = ref({});
const rules = reactive({
qtmc: [{ required: true, message: '请输入群体名称', trigger: 'blur' }],
})
const pageData = reactive({
tableData: [],
tableConfiger: {
rowHieght: 30,
showSelectType: "null",
loading: false,
haveControls:false,
showIndex:false
},
tableHeight:200,
tableColumn: [
{ label: "微信群", prop: "wxq"},
{ label: "QQ群", prop: "qqq"},
{ label: "群主", prop: "qz"},
{ label: "联系电话", prop: "lxdh"},
{ label: "群重要内容", prop: "zynr"},
]
});
const submit = (resfun) => {
elform.value.validate((valid) => {
if (!valid) return false;
resfun(listQuery.value);
});
};
defineExpose({ submit });
</script>
<style>
</style>

View File

@ -18,9 +18,7 @@
<el-button size="small" type="primary">转线索</el-button> <el-button size="small" type="primary">转线索</el-button>
<el-button size="small" type="primary">移交管控</el-button> <el-button size="small" type="primary">移交管控</el-button>
<el-button type="primary" size="small" @click="addEdit('add', '')"> <el-button type="primary" size="small" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"> <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
<CirclePlus />
</el-icon>
<span style="vertical-align: middle">新增</span> <span style="vertical-align: middle">新增</span>
</el-button> </el-button>
</PageTitle> </PageTitle>
@ -91,7 +89,7 @@
</div> </div>
</template> </template>
</el-dialog> </el-dialog>
<!-- 编辑 --> <!-- 编辑 - 新增-->
<EditForm v-if="show" @updateDate="getList" ref="editFormDiloag" /> <EditForm v-if="show" @updateDate="getList" ref="editFormDiloag" />
<!-- 详情 --> <!-- 详情 -->
<DetailForm ref="detailDiloag" /> <DetailForm ref="detailDiloag" />
@ -256,7 +254,7 @@ const getList = (val) => {
}); });
}; };
// 详情 // 详情editFormDiloag
const addEdit = (type, row) => { const addEdit = (type, row) => {
show.value = true; show.value = true;
nextTick(() => { nextTick(() => {