更新
This commit is contained in:
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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>
|
|
@ -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(() => {
|
||||||
|
Reference in New Issue
Block a user