223 lines
7.3 KiB
Vue
223 lines
7.3 KiB
Vue
<template>
|
|
<el-dialog :model-value="modelValue" width="70%" @close="closeDialog" destroy-on-close append-to-body :close-on-click-modal="false">
|
|
<template #title>
|
|
<div class="flex just-between align-center">
|
|
<span class="f18">重点人总数</span>
|
|
<span @click="exportFile" class="f14 pointer" style="color: #0072ff;">下载</span>
|
|
</div>
|
|
</template>
|
|
<div>
|
|
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
|
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
|
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
|
:expand="true">
|
|
<template #bqList="{ row }">
|
|
<ul>
|
|
<li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
|
|
item.bqFz || 0 }} 分) </li>
|
|
</ul>
|
|
</template>
|
|
<template #ryXb="{ row }">
|
|
<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
|
|
</template>
|
|
<template #ryJg="{ row }">
|
|
<DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
|
|
</template>
|
|
<template #ryMz="{ row }">
|
|
<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
|
|
</template>
|
|
<template #hjdQh="{ row }">
|
|
<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
|
|
</template>
|
|
|
|
<template #zdrZt="{ row }">
|
|
<DictTag :tag="false" :value="row.zdrZt" :options="D_GS_ZDQT_ZT" />
|
|
</template>
|
|
<template #xtSjzt="{ row }">
|
|
<div> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
|
|
</template>
|
|
<template #expand="{ props }">
|
|
<div class="expand-content" style="max-width: 100%">
|
|
<ZdrItemfrom :row="props" :dict="{D_GS_ZDR_RYJB,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_ZDQT_ZT}" />
|
|
</div>
|
|
</template>
|
|
<!-- 操作 -->
|
|
<template #controls="{ row }">
|
|
<el-link size="small" type="success" @click="handleremove(row.id)">移除</el-link>
|
|
<el-link size="small" type="success" v-if="row.zdrZt == '01' || row.zdrZt == '03'"
|
|
@click="handleSend(row.id)">送审</el-link>
|
|
<el-link size="small" type="primary" v-if="row.zdrZt == '01' || row.zdrZt == '03'"
|
|
@click="addEdit('edit', row)">编辑</el-link>
|
|
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
|
|
<el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
|
|
</template>
|
|
</MyTable>
|
|
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
|
...pageData.pageConfiger,
|
|
total: pageData.total
|
|
}"></Pages>
|
|
</div>
|
|
<template #footer>
|
|
<div class="dialog-footer">
|
|
<el-button @click="closeDialog">取消</el-button>
|
|
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { getMultiDictVal } from "@/utils/dict.js"
|
|
import { exportExlByObj } from "@/utils/exportExcel.js"
|
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
|
import Search from "@/components/aboutTable/Search.vue";
|
|
import Pages from "@/components/aboutTable/Pages.vue";
|
|
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
|
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { timeValidate } from '@/utils/tools.js'
|
|
import ZdrItemfrom from './zdrItem.vue'
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
const { proxy } = getCurrentInstance()
|
|
const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } =
|
|
proxy.$dict("D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_GS_ZDR_BK_ZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_ZDR_YJDJ", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX");
|
|
const obj = ref({});
|
|
const props = defineProps({
|
|
modelValue: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
dict: {
|
|
type: Object,
|
|
default: () => ({})
|
|
}
|
|
})
|
|
const searchConfiger = ref([
|
|
{
|
|
label: "姓名",
|
|
prop: "ryXm",
|
|
placeholder: "请输入姓名",
|
|
showType: "input"
|
|
},
|
|
{
|
|
label: "身份证",
|
|
prop: "rySfzh",
|
|
placeholder: "请输入身份证",
|
|
showType: "input"
|
|
},
|
|
{
|
|
label: "户籍地",
|
|
prop: "hjdXz",
|
|
placeholder: "请输入户籍地",
|
|
showType: "input"
|
|
},
|
|
{
|
|
label: "人员级别",
|
|
prop: "zdrRyjb",
|
|
placeholder: "请输入人员级别",
|
|
showType: "select",
|
|
options: D_GS_ZDR_RYJB
|
|
},
|
|
{
|
|
label: "所属部门",
|
|
prop: "gxSsbmdm",
|
|
placeholder: "请输入所属部门",
|
|
showType: "department",
|
|
},
|
|
]);
|
|
const emit = defineEmits(['update:modelValue'])
|
|
const closeDialog = () => {
|
|
emit('update:modelValue', false)
|
|
}
|
|
const pageData = reactive({
|
|
tableData: [],
|
|
keyCount: 0,
|
|
tableConfiger: {
|
|
loading: false,
|
|
rowHieght: 40,
|
|
haveControls: false,
|
|
showSelectType:'null'
|
|
},
|
|
controlsWidth: 160, //操作栏宽度
|
|
total: 0,
|
|
pageConfiger: {
|
|
pageSize: 20,
|
|
pageCurrent: 1
|
|
}, //分页
|
|
tableColumn: [
|
|
{ label: "姓名", prop: "ryXm" },
|
|
{ label: "性别", prop: "ryXb", showSolt: true },
|
|
{ label: "籍贯", prop: "ryJg", showSolt: true},
|
|
{ label: "身份证", prop: "rySfzh" },
|
|
{ label: "民族", prop: "ryMz", showSolt: true },
|
|
{ label: "户籍地区划", prop: "hjdQh", showSolt: true },
|
|
{ label: "户籍派出所", prop: "hjdPcsmc" },
|
|
],
|
|
tableHeight: "42vh",
|
|
});
|
|
const parameter = ref()
|
|
const onSearch = (val) => {
|
|
parameter.value = { ...val }
|
|
pageData.pageConfiger.pageCurrent = 1;
|
|
changePage()
|
|
}
|
|
watch(() => props.modelValue, (val) => {
|
|
if (val) {
|
|
changePage()
|
|
}
|
|
})
|
|
const changePage = () => {
|
|
pageData.tableConfiger.loading = true;
|
|
|
|
let data = {...pageData.pageConfiger, ...parameter.value };
|
|
qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
|
|
pageData.tableData = res.records || [];
|
|
pageData.total = res.total;
|
|
pageData.tableConfiger.loading = false;
|
|
}).catch(() => {
|
|
pageData.tableConfiger.loading = false;
|
|
});
|
|
|
|
}
|
|
|
|
const changeNo = (val) => {
|
|
pageData.pageConfiger.pageCurrent = val;
|
|
changePage()
|
|
}
|
|
const changeSize = (val) => {
|
|
pageData.pageConfiger.pageSize = val;
|
|
changePage()
|
|
}
|
|
|
|
// 导出
|
|
const exportFile = () =>{
|
|
const titleObj = {
|
|
ryXm: "姓名",
|
|
ryXb_name: "性别",
|
|
ryJg_name: "籍贯",
|
|
rySfzh: "身份证",
|
|
ryMz_name: "民族",
|
|
hjdQh_name: "户籍地区划",
|
|
hjdPcsmc: "户籍派出所",
|
|
}
|
|
let list = pageData.tableData.map(item => ({
|
|
...item,
|
|
ryXb_name: getMultiDictVal(item.ryXb, D_BZ_XB),
|
|
ryJg_name: getMultiDictVal(item.ryJg, D_BZ_XZQHDM),
|
|
ryMz_name: getMultiDictVal(item.ryMz, D_BZ_MZ),
|
|
hjdQh_name: getMultiDictVal(item.hjdQh, D_BZ_XZQHDM),
|
|
}))
|
|
exportExlByObj(titleObj, list, '重点人总数')
|
|
}
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.expand-content{
|
|
max-height: 400px;
|
|
overflow: auto;
|
|
}
|
|
</style>
|