340 lines
11 KiB
Vue
340 lines
11 KiB
Vue
<template>
|
|
<div>
|
|
<div class="titleBox">
|
|
<PageTitle :title="titleData">
|
|
<el-button type="primary" @click="dologCancel()">
|
|
<el-icon style="vertical-align: middle">
|
|
<CirclePlus />
|
|
</el-icon>
|
|
<span style="vertical-align: middle">导出</span>
|
|
</el-button>
|
|
<el-button v-if="qxkz.deptLevel == '01'" type="primary" :disabled="ids.length === 0" @click="batchMark(ids)">
|
|
<el-icon style="vertical-align: middle">
|
|
<CirclePlus />
|
|
</el-icon>
|
|
<span style="vertical-align: middle">批量打标</span>
|
|
</el-button>
|
|
|
|
<el-button type="primary" :disabled="ids.length === 0" @click="delDictItem(ids)">
|
|
<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" />
|
|
</div>
|
|
|
|
<!-- 表格 -->
|
|
<div class="tabBox">
|
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
|
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
|
@chooseData="chooseData">
|
|
<template #qblx="{ row }">
|
|
<DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
|
|
</template>
|
|
<template #cjlx="{ row }">
|
|
<DictTag :tag="false" :value="row.cjLx" :options="D_BZ_CJLX" />
|
|
</template>
|
|
<template #czzt="{ row }">
|
|
<DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
|
|
</template>
|
|
<!-- 操作 -->
|
|
<template #controls="{ row }">
|
|
<el-link size="small" type="primary" @click="opneMsg(row)" v-if="qxkz.deptLevel == '01'">打标签</el-link>
|
|
<el-link size="small" type="primary" @click="checkProcess(row)">查看流程</el-link>
|
|
<el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
|
|
<el-link size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
|
|
</template>
|
|
</MyTable>
|
|
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
|
...pageData.pageConfiger,
|
|
total: pageData.total
|
|
}"></Pages>
|
|
</div>
|
|
<!-- 新增 -->
|
|
<AddForm ref="detailDiloag" @getList="getList" :titleData="titleData" :dict="{
|
|
D_BZ_SF,
|
|
D_GS_XS_LY,
|
|
D_BZ_SSZT,
|
|
D_GS_XS_LX,
|
|
D_GS_XS_QTLX,
|
|
D_GS_ZDQT_LB,
|
|
D_BZ_BMJB,
|
|
D_BZ_CLPP,
|
|
D_BZ_CLYS,
|
|
D_BZ_CLLX,
|
|
D_BZ_XZQHDM
|
|
}" />
|
|
</div>
|
|
<ExportFile v-model="exportFileModel" :tableColumn="tableColumn" :dict="{ D_GS_XS_LY, D_GS_XS_LX, D_GS_XS_LX }"
|
|
:dataModel="pageData.tableData" />
|
|
<MakeTag v-model="chooseRow" :dataList="dataList" :dict="{ D_BZ_CJLX, D_BZ_QBCZZT, D_GS_XS_LX, D_BZ_BQJB }"
|
|
@getList="getList" />
|
|
<CheckProcess v-model="checkProcessModel" :dataList="dataList" :dict="{ D_BZ_QBCZZT }" />
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
|
import Pages from "@/components/aboutTable/Pages.vue";
|
|
import Search from "@/components/aboutTable/Search.vue";
|
|
import AddForm from "./components/addForm.vue";
|
|
import { useRoute } from 'vue-router'
|
|
import { qbcjSelectPage, qbcjDeletes } from "@/api/Intelligence.js";
|
|
import { reactive, ref, onMounted, getCurrentInstance, watch } from "vue";
|
|
import MakeTag from '../components/maketag.vue'
|
|
import ExportFile from './components/exportFile.vue'
|
|
import CheckProcess from '../components/checkProcess.vue'
|
|
import { getItem } from '@//utils/storage.js'
|
|
const { proxy } = getCurrentInstance();
|
|
const { D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_BZ_BQJB,
|
|
D_GS_XS_QTLX, D_GS_ZDQT_LB,
|
|
D_BZ_BMJB, D_BZ_CLPP, D_BZ_CLYS, D_BZ_CLLX, D_BZ_XZQHDM, D_BZ_QBCZZT, D_BZ_CJLX } =
|
|
proxy.$dict("D_BZ_BMJB", "D_GS_XS_LY",
|
|
"D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX",
|
|
"D_GS_ZDQT_LB", "D_BZ_CLPP", "D_BZ_CLYS", "D_BZ_CLLX", "D_BZ_XZQHDM", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_BQJB"); //获取字典数据
|
|
const detailDiloag = ref();
|
|
const searchBox = ref(); //搜索框
|
|
const ids = ref([])
|
|
const tableList = ref([]);
|
|
onMounted(() => {
|
|
const { deptBizType, deptLevel } = getItem('deptId')[0]
|
|
const Jb = deptLevel[0] == '2' ? '01' : deptLevel[0] == '3' ? '02' : '03'
|
|
qxkz.deptBizType = deptBizType
|
|
qxkz.deptLevel = Jb
|
|
getRouter()
|
|
tabHeightFn()
|
|
if (route.query.id) {
|
|
detailDiloag.value.init('edit', {
|
|
id: route.query.id
|
|
});
|
|
return
|
|
}
|
|
getList()
|
|
});
|
|
const chooseData = (val) => {
|
|
ids.value = val.map(item => {
|
|
return item.id
|
|
})
|
|
tableList.value = val
|
|
}
|
|
const qxkz = reactive({
|
|
deptBizType: "",
|
|
deptLevel: ""
|
|
})
|
|
const list = ref()
|
|
const searchConfiger = ref();
|
|
watch(() => D_BZ_BQJB, val => {
|
|
if (qxkz.deptLevel == '01') {
|
|
list.value = val.value.filter(item => {
|
|
return item.dm != '00'
|
|
})
|
|
} else if (qxkz.deptLevel == '02') {
|
|
list.value = val.value.filter(item => {
|
|
return item.dm == '01' || item.dm == '02'
|
|
})
|
|
} else {
|
|
list.value = []
|
|
}
|
|
searchConfiger.value = [
|
|
{ label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
|
|
{ label: "姓名", prop: 'xssbr', placeholder: "请输入姓名", showType: "input" },
|
|
{ label: "身份证号", prop: 'sfzh', placeholder: "请输入身份证号", showType: "input" },
|
|
{ label: "群体名称", prop: 'qtmc', placeholder: "请输入群体名称", showType: "input" },
|
|
{ label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
|
|
{ label: "指向时间", prop: 'zxkssj', placeholder: "请选择开始时间", showType: "datetimerange" },
|
|
{ label: "录入时间", prop: 'lrkssj', placeholder: "请选择开始时间", showType: "datetimerange" },
|
|
{ label: "情报类型", prop: 'qblx', placeholder: "请选择情报类型", showType: "select", options: D_GS_XS_LX },
|
|
{ label: "情报来源", prop: 'cjLx', placeholder: "请选择情报来源", showType: "select", options: D_BZ_CJLX },
|
|
{ label: "情报处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_QBCZZT },
|
|
{
|
|
label: "标签级别", prop: 'qbjbList', placeholder: "请选择标签", showType: "select", options: list.value
|
|
},
|
|
{ label: "来源单位", prop: 'ssbmdm', placeholder: "请选择来源单位", showType: "department" },
|
|
{ label: "关键字", prop: 'keyword', placeholder: "请输入关键字", showType: "input" },
|
|
]
|
|
}, { deep: true, immediate: true })
|
|
|
|
const isShow = ref(false)
|
|
|
|
const pageData = reactive({
|
|
tableData: [],
|
|
keyCount: 0,
|
|
tableConfiger: {
|
|
rowHieght: 61,
|
|
showSelectType: "checkBox",
|
|
loading: false
|
|
},
|
|
total: 0,
|
|
pageConfiger: {
|
|
pageSize: 20,
|
|
pageCurrent: 1
|
|
},
|
|
controlsWidth: 240,
|
|
tableColumn: [
|
|
{ label: "上报人姓名", prop: "xssbr" },
|
|
{ label: "情报编号", prop: "xsBh" },
|
|
{ label: "情报标题", prop: "qbmc" },
|
|
{ label: "情报类型", prop: "qblx", showSolt: true },
|
|
{ label: "情报来源", prop: "cjlx", showSolt: true },
|
|
{ label: "情报上报时间", prop: "sxsbsj" },
|
|
{ label: "指向地点", prop: "zxdz" },
|
|
{ label: "消息状态", prop: "czzt", showSolt: true },
|
|
{ label: "情报内容", prop: "qbnr" },
|
|
]
|
|
});
|
|
const queryFrom = ref({});
|
|
|
|
const chooseRow = ref(false)
|
|
const dataList = ref()
|
|
const opneMsg = (item) => {
|
|
chooseRow.value = true
|
|
dataList.value = [item]
|
|
}
|
|
// 批量打标
|
|
const batchMark = () => {
|
|
chooseRow.value = true
|
|
dataList.value = tableList.value
|
|
}
|
|
|
|
|
|
|
|
// 搜索
|
|
const onSearch = (val) => {
|
|
const { lrkssj, zxkssj } = val
|
|
const promes = {
|
|
...val,
|
|
...pageData.pageConfiger,
|
|
lrkssj: lrkssj ? lrkssj[0] : '',
|
|
lrjssj: lrkssj ? lrkssj[1] : '',
|
|
zxkssj: zxkssj ? zxkssj[0] : '',
|
|
zxjssj: zxkssj ? zxkssj[1] : '',
|
|
|
|
}
|
|
|
|
queryFrom.value = { ...promes }
|
|
pageData.pageConfiger.pageCurrent = 1;
|
|
getList()
|
|
}
|
|
|
|
const changeNo = (val) => {
|
|
pageData.pageConfiger.pageCurrent = val;
|
|
getList()
|
|
}
|
|
const changeSize = (val) => {
|
|
pageData.pageConfiger.pageSize = val;
|
|
getList()
|
|
}
|
|
|
|
// 获取列表
|
|
const getList = () => {
|
|
pageData.tableConfiger.loading = true;
|
|
let data = { ...pageData.pageConfiger, ...queryFrom.value };
|
|
if (queryFrom.value.qbjbList == '' || queryFrom.value.qbjbList == undefined) {
|
|
if (qxkz.deptLevel == '02') {
|
|
data = { ...data, qbjbList: "01,02" }
|
|
}else if(qxkz.deptLevel == '03'){
|
|
data = { ...data, qbjbList: "01" }
|
|
}
|
|
}
|
|
qbcjSelectPage(data).then(res => {
|
|
pageData.tableData = res.records || [];
|
|
pageData.total = res.total;
|
|
pageData.tableConfiger.loading = false;
|
|
}).catch(() => { pageData.tableConfiger.loading = false; })
|
|
}
|
|
// 删除
|
|
const delDictItem = (id) => {
|
|
proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
|
|
qbcjDeletes({ ids: Array.isArray(id) ? id : [id] }).then((res) => {
|
|
proxy.$message({ type: "success", message: "删除成功" });
|
|
getList();
|
|
}).catch(() => {
|
|
})
|
|
}).catch(() => { });
|
|
}
|
|
// 导出数据
|
|
const tableColumn = reactive([
|
|
{ label: "上报人姓名", prop: "xssbr" },
|
|
{ label: "情报编号", prop: "xsBh" },
|
|
{ label: "情报标题", prop: "qbmc" },
|
|
{ label: "情报类型", prop: "qblx", showSolt: true, zd: 'D_GS_XS_LX' },
|
|
{ label: "情报来源", prop: "cjLx", showSolt: true, zd: 'D_BZ_CJLX' },
|
|
{ label: "情报上报时间", prop: "sxsbsj" },
|
|
{ label: "指向地点", prop: "zxdz" },
|
|
{ label: "情报内容", prop: "qbnr", showOverflowTooltip: true },
|
|
])
|
|
// 详情
|
|
const addEdit = (type, row) => {
|
|
isShow.value = true;
|
|
setTimeout(() => {
|
|
detailDiloag.value.init(type, row);
|
|
}, 500)
|
|
};
|
|
// 表格高度计算
|
|
const tabHeightFn = () => {
|
|
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
|
|
window.onresize = function () {
|
|
tabHeightFn();
|
|
};
|
|
};
|
|
const route = useRoute()
|
|
const titleData = ref()
|
|
|
|
const getRouter = () => {
|
|
titleData.value = route.meta.title
|
|
|
|
}
|
|
const exportFileModel = ref(false)
|
|
const dologCancel = () => {
|
|
exportFileModel.value = true;
|
|
}
|
|
|
|
// 流程
|
|
const checkProcessModel = ref()
|
|
const checkProcess = (item) => {
|
|
checkProcessModel.value = true
|
|
dataList.value = item
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.label-pop {
|
|
position: relative;
|
|
|
|
&::before {
|
|
position: absolute;
|
|
content: '*';
|
|
top: 0;
|
|
left: -7px;
|
|
color: red;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
.el-loading-mask {
|
|
background: rgba(0, 0, 0, 0.5) !important;
|
|
}
|
|
|
|
:v-deep .el-dialog {
|
|
width: 90% !important;
|
|
}
|
|
|
|
.zdy-model-dialogs {
|
|
/* background-color: rgb(50, 148, 214); */
|
|
background: url("~@/assets/images/bg46.png") no-repeat center center;
|
|
background-size: 100% 100%;
|
|
padding: 8px 10px;
|
|
box-sizing: border-box;
|
|
pointer-events: auto !important;
|
|
height: calc(100% - 50px);
|
|
overflow: auto;
|
|
}
|
|
</style>
|