更新数据
This commit is contained in:
@ -3,13 +3,11 @@
|
|||||||
<div class="head_box">
|
<div class="head_box">
|
||||||
<span class="title">人力情报信息采集流转编辑</span>
|
<span class="title">人力情报信息采集流转编辑</span>
|
||||||
<div>
|
<div>
|
||||||
<el-button @click="submit">保存</el-button>
|
|
||||||
<el-button @click="close">暂存</el-button>
|
|
||||||
<el-button @click="close">关闭</el-button>
|
<el-button @click="close">关闭</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form_cnt">
|
<div class="form_cnt">
|
||||||
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
|
<FormMessage disabled v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
|
||||||
<template #gapdive>
|
<template #gapdive>
|
||||||
<div style="width: 100%;height: 10px;" class="mb20">
|
<div style="width: 100%;height: 10px;" class="mb20">
|
||||||
<el-divider content-position="left">基础信息</el-divider>
|
<el-divider content-position="left">基础信息</el-divider>
|
||||||
@ -23,11 +21,11 @@
|
|||||||
<template #scfj>
|
<template #scfj>
|
||||||
<div style="width: 100%;padding-left: 50px;">
|
<div style="width: 100%;padding-left: 50px;">
|
||||||
<div>上传附件:<span class="f12">(可附电子表格、Word文档、图像、音视频文件)</span> </div>
|
<div>上传附件:<span class="f12">(可附电子表格、Word文档、图像、音视频文件)</span> </div>
|
||||||
<div><MOSTY.Upload :showBtn="true" :limit="10" v-model="listQuery.tps" /> </div>
|
<div><MOSTY.Upload :showBtn="true" disabled :limit="10" v-model="fjdz" /> </div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</FormMessage>
|
</FormMessage>
|
||||||
<el-divider content-position="left"><span class="mr20">相关人员</span> <el-button type="primary" size="small" @click="showPeo = true,peoTitle = '新增人员'">添加人员</el-button></el-divider>
|
<el-divider content-position="left"><span class="mr20">相关人员</span> </el-divider>
|
||||||
<MyTable
|
<MyTable
|
||||||
:tableData="pageForm.tableData"
|
:tableData="pageForm.tableData"
|
||||||
:tableColumn="pageForm.tableColumn"
|
:tableColumn="pageForm.tableColumn"
|
||||||
@ -35,18 +33,23 @@
|
|||||||
:key="pageForm.keyCount"
|
:key="pageForm.keyCount"
|
||||||
:tableConfiger="pageForm.tableConfiger"
|
:tableConfiger="pageForm.tableConfiger"
|
||||||
:controlsWidth="pageForm.controlsWidth"
|
:controlsWidth="pageForm.controlsWidth"
|
||||||
@chooseData="chooseData"
|
|
||||||
>
|
>
|
||||||
|
<template #xb="{row}">
|
||||||
|
<DictTag :value="row.xb" :tag="false" :options="props.dic.D_BZ_XB" />
|
||||||
|
</template>
|
||||||
|
<template #bqList="{row}">
|
||||||
|
<div v-if="row.bqList">
|
||||||
|
<el-tag type="success" v-for="(it,idx) in row.bqList" :key="idx">{{ it.bqMc }}</el-tag >
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<template #controls="{ row }">
|
<template #controls="{ row,index }">
|
||||||
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link >
|
<el-link size="small" type="success" @click="addEdit('detail', row,index)">详情</el-link>
|
||||||
<el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
|
|
||||||
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
|
|
||||||
</template>
|
</template>
|
||||||
</MyTable>
|
</MyTable>
|
||||||
</div>
|
</div>
|
||||||
<!-- 人员 -->
|
<!-- 人员 -->
|
||||||
<AddPeo v-model="showPeo" :dic="props.dic" :title="peoTitle"></AddPeo>
|
<AddPeo ref="showAdd" :dic="props.dic" ></AddPeo>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -55,36 +58,40 @@ import * as MOSTY from "@/components/MyComponents/index";
|
|||||||
import AddPeo from './addPeo.vue'
|
import AddPeo from './addPeo.vue'
|
||||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||||
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
|
import { qcckGet } from "@/api/qcckApi.js";
|
||||||
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
|
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
|
||||||
const emit = defineEmits(["updateDate"]);
|
const emit = defineEmits(["change"]);
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dic: Object
|
dic: Object
|
||||||
});
|
});
|
||||||
const { proxy } = getCurrentInstance();
|
const { proxy } = getCurrentInstance();
|
||||||
const dialogForm = ref(false); //弹窗
|
const dialogForm = ref(false); //弹窗
|
||||||
|
const rules = reactive({
|
||||||
|
xsMc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
|
||||||
|
xlLx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
|
||||||
|
qbLy: [{ required: true, message: "请选择情报来源", trigger: "change" }],
|
||||||
|
});
|
||||||
const formData = ref([
|
const formData = ref([
|
||||||
{ label: "", prop: "gapdive", type: "slot",width:'100%' },
|
{ prop: "gapdive", type: "slot",width:'100%' },
|
||||||
{ label: "线索编号", prop: "xsbh", type: "input",},
|
{ label: "线索名称", prop: "xsMc", type: "input" },
|
||||||
{ label: "线索名称", prop: "xsmc", type: "input" },
|
{ label: "线索类型", prop: "xlLx", type: "select", options:props.dic.D_GS_XS_LX },
|
||||||
{ label: "线索类型", prop: "xslx", type: "select", options:props.dic.D_GS_XS_LX },
|
{ label: "情报来源", prop: "qbLy", type: "select", options:props.dic.D_GS_XS_LY},
|
||||||
{ label: "情报来源", prop: "qbly", type: "select", options:props.dic.D_GS_XS_LY},
|
|
||||||
{ label: "指向开始时间", prop: "zxkssj", type: "datetime"},
|
{ label: "指向开始时间", prop: "zxkssj", type: "datetime"},
|
||||||
{ label: "指向结束时间", prop: "zxjssj", type: "datetime"},
|
{ label: "指向结束时间", prop: "zxjssj", type: "datetime"},
|
||||||
{ label: "指向地点", prop: "zxdz", type: "input"},
|
{ label: "指向地点", prop: "zxdz", type: "input"},
|
||||||
{ label: "所属专题", prop: "sszt", type: "select",options:props.dic.D_BZ_SSZT},
|
{ label: "所属专题", prop: "sszt", type: "select",options:props.dic.D_BZ_SSZT},
|
||||||
{ prop: "gapline", type: "slot",width:'100%' },
|
{ prop: "gapline", type: "slot",width:'100%' },
|
||||||
{ prop: "scfj", type: "slot",width:'100%'},
|
{ prop: "scfj", type: "slot",width:'100%'},
|
||||||
{ label: "线索内容", prop: "xsnr", type: "textarea",width:'100%'},
|
{ label: "线索内容", prop: "xsNr", type: "textarea",width:'100%'},
|
||||||
{ label: "群体类型", prop: "qtlx", type: "select",options:props.dic.D_GS_XS_QTLX },
|
{ label: "群体类型", prop: "qtlx", type: "select",options:props.dic.D_GS_XS_QTLX },
|
||||||
{ label: "群体名称", prop: "qtmc", type: "input"},
|
{ label: "群体名称", prop: "qtmc", type: "input"},
|
||||||
{ label: "涉及人数", prop: "sjrs", type: "inputNumber"},
|
{ label: "涉及人数", prop: "sjrs", type: "inputNumber"},
|
||||||
{ label: "线索报送单位", prop: "fjWb", type: "department"},
|
{ label: "线索报送单位", prop: "ssbmdm", type: "department"},
|
||||||
]);
|
]);
|
||||||
const listQuery = ref({tps:[]}); //表单
|
const fjdz = ref()
|
||||||
|
const listQuery = ref({}); //表单
|
||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
const elform = ref();
|
const elform = ref();
|
||||||
const title = ref("");
|
|
||||||
const pageForm = reactive({
|
const pageForm = reactive({
|
||||||
tableData: [],
|
tableData: [],
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
@ -96,53 +103,46 @@ const pageForm = reactive({
|
|||||||
controlsWidth: 220,
|
controlsWidth: 220,
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "姓名", prop: "xm" },
|
{ label: "姓名", prop: "xm" },
|
||||||
{ label: "性别", prop: "xb" },
|
{ label: "性别", prop: "xb",showSolt:true },
|
||||||
{ label: "身份证号", prop: "sfzh" },
|
{ label: "身份证号", prop: "sfzh" },
|
||||||
{ label: "户籍地", prop: "hjd" },
|
{ label: "户籍地", prop: "hjdz" },
|
||||||
{ label: "户籍地派出所", prop: "hjdpcs" },
|
{ label: "户籍地派出所", prop: "hjdpcs" },
|
||||||
{ label: "标签", prop: "bq" }
|
{ label: "标签", prop: "bqList",showSolt:true }
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
const showPeo = ref(false)
|
const showAdd = ref()
|
||||||
const peoTitle = ref('')
|
|
||||||
onMounted(()=>{
|
onMounted(()=>{
|
||||||
tabHeightFn()
|
tabHeightFn()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
// 初始化数据
|
// 初始化数据
|
||||||
const init = (type, row) => {
|
const init = (type, row) => {
|
||||||
listQuery.value = {tps :[]};
|
fjdz.value = []
|
||||||
tabHeightFn()
|
tabHeightFn()
|
||||||
dialogForm.value = true;
|
dialogForm.value = true;
|
||||||
// 初始化表单数据,并根据详情页设置禁用状态
|
// 初始化表单数据,并根据详情页设置禁用状态
|
||||||
// if (row) getDataById(row.id);
|
if (row) getDataById(row.id);
|
||||||
};
|
};
|
||||||
// 根据id查询详情
|
// 根据id查询详情
|
||||||
const getDataById = (id) => {
|
const getDataById = (id) => {
|
||||||
// qcckGet({}, "/mosty-gsxt/tbGsxtRqfjNr/" + id).then((res) => {
|
qcckGet({id}, "/mosty-gsxt/qbcj/selectByid").then((res) => {
|
||||||
// listQuery.value = res;
|
listQuery.value = res;
|
||||||
// });
|
pageForm.tableData = res.ryList || [];
|
||||||
};
|
|
||||||
|
|
||||||
// 提交
|
|
||||||
const submit = () => {
|
|
||||||
elform.value.submit((data) => {
|
|
||||||
let params = { ...data };
|
|
||||||
qcckPost(params, '/mosty-gsxt/tbGsxtRqfjNr/save').then((res) => {
|
|
||||||
proxy.$message({ type: "success", message: title.value + "成功" });
|
|
||||||
emit("onSearch");
|
|
||||||
close();
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// 打开弹窗
|
||||||
|
const addEdit = (type,row,index) =>{
|
||||||
|
showAdd.value.init(type,row,index)
|
||||||
|
}
|
||||||
|
|
||||||
// 关闭
|
// 关闭
|
||||||
const close = () => {
|
const close = () => {
|
||||||
|
fjdz.value = []
|
||||||
|
listQuery.value = {};
|
||||||
dialogForm.value = false;
|
dialogForm.value = false;
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
elform.value.reset()
|
|
||||||
listQuery.value = {tps :[]};
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
|
@ -1,10 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="modelValue" :title="props.title" @close="close" :close-on-click-modal="false">
|
<el-dialog v-model="showDialog" :destroy-on-close="true" title="人员详情" @close="close" :close-on-click-modal="false">
|
||||||
<FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules"></FormMessage>
|
<FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
|
||||||
|
<template #bqList>
|
||||||
|
<div class="marks pointer" >
|
||||||
|
<span style="color: rgb(175 178 184);padding-left: 10px;" v-if="!listQuery.bqList || listQuery.bqList.length == 0 ">请选择标签</span>
|
||||||
|
<span v-else >
|
||||||
|
<el-tag type="success" v-for="(it,idx) in listQuery.bqList" :key="idx">{{ it.bqMc }}</el-tag >
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</FormMessage>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="flex just-center">
|
<div class="flex just-center">
|
||||||
<el-button @click="close">取消</el-button>
|
<el-button @click="close">取消</el-button>
|
||||||
<el-button type="primary" @click="submitForm">确认</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@ -14,34 +22,28 @@
|
|||||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||||
import { reactive, ref } from 'vue';
|
import { reactive, ref } from 'vue';
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
modelValue:{
|
|
||||||
type:Boolean,
|
|
||||||
default:false
|
|
||||||
},
|
|
||||||
dic:{
|
dic:{
|
||||||
type:Object,
|
type:Object,
|
||||||
default:{}
|
default:{}
|
||||||
},
|
},
|
||||||
title:{
|
|
||||||
type:String,
|
|
||||||
default:'新增人员'
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
const roleIds = ref([])
|
||||||
const elform = ref()
|
const elform = ref()
|
||||||
const emit = defineEmits('update:modelValue')
|
const showDialog = ref(false)
|
||||||
|
const emit = defineEmits(['change'])
|
||||||
const listQuery = ref({})
|
const listQuery = ref({})
|
||||||
const formData = ref([
|
const formData = ref([
|
||||||
{ label: "姓名", prop: "xm", type: "input" },
|
{ label: "姓名", prop: "xm", type: "input" ,width:'48%'},
|
||||||
{ label: "性别", prop: "xb", type: "select",options:props.dic.D_BZ_XB },
|
{ label: "性别", prop: "xb", type: "select",options:props.dic.D_BZ_XB ,width:'48%'},
|
||||||
{ label: "身份证号", prop: "sfzh", type: "input" },
|
{ label: "身份证号", prop: "sfzh", type: "input" ,width:'48%'},
|
||||||
{ label: "户籍地", prop: "hjd", type: "input" },
|
{ label: "户籍地", prop: "hjdz", type: "input",width:'48%' },
|
||||||
{ label: "户籍地派出所", prop: "hjdpcs", type: "input" },
|
{ label: "户籍地派出所", prop: "hjdpcsdm", type: "department" ,width:'48%'},
|
||||||
{ label: "标签", prop: "bq", type: "input" },
|
{ label: "标签", prop: "bqList", type: "slot",width:'100%' },
|
||||||
{ label: "是否挑头人", prop: "sfdtr", type: "select",options:props.dic.D_BZ_SF },
|
{ label: "是否挑头人", prop: "sfttr", type: "select",options:props.dic.D_BZ_SF ,width:'48%'},
|
||||||
{ label: "是否响应人", prop: "sfxyr", type: "select" ,options:props.dic.D_BZ_SF },
|
{ label: "是否响应人", prop: "sfxyr", type: "select" ,options:props.dic.D_BZ_SF,width:'48%' },
|
||||||
{ label: "所属群体", prop: "ssqt", type: "input" },
|
{ label: "所属群体", prop: "ssqt", type: "input" ,width:'48%'},
|
||||||
{ label: "微信号", prop: "wxh", type: "input" },
|
{ label: "微信号", prop: "wx", type: "input" ,width:'48%'},
|
||||||
{ label: "QQ", prop: "qqh", type: "input" },
|
{ label: "QQ", prop: "qq", type: "input" ,width:'48%'},
|
||||||
])
|
])
|
||||||
const rules = reactive({
|
const rules = reactive({
|
||||||
xm: [{ required: true, message: "请输入姓名", trigger: "blur" }],
|
xm: [{ required: true, message: "请输入姓名", trigger: "blur" }],
|
||||||
@ -49,21 +51,28 @@ const rules = reactive({
|
|||||||
sfzh: [{ required: true, message: "请输入身份证号", trigger: "blur" }],
|
sfzh: [{ required: true, message: "请输入身份证号", trigger: "blur" }],
|
||||||
hjd: [{ required: true, message: "请输入户籍地", trigger: "blur" }],
|
hjd: [{ required: true, message: "请输入户籍地", trigger: "blur" }],
|
||||||
})
|
})
|
||||||
|
const title = ref('')
|
||||||
const submitForm = () =>{
|
const init = (type,row,index) =>{
|
||||||
elform.value.submit(()=>{
|
title.value = type == 'add' ? '新增' :'编辑';
|
||||||
|
showDialog.value = true;
|
||||||
})
|
if(row) listQuery.value = {...row};
|
||||||
}
|
}
|
||||||
|
|
||||||
const close = () =>{
|
const close = () =>{
|
||||||
elform.value.reset();
|
elform.value.reset();
|
||||||
emit('update:modelValue',false)
|
showDialog.value = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
defineExpose({init})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-form-item--default {
|
|
||||||
width: 48% !important;
|
.marks{
|
||||||
|
width: 100%;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 32px;
|
||||||
|
border: 1px solid #e9e9e9;
|
||||||
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
@ -6,10 +6,6 @@
|
|||||||
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
||||||
<span style="vertical-align: middle">导出</span>
|
<span style="vertical-align: middle">导出</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="danger" @click="addEdit('add', '')">
|
|
||||||
<el-icon style="vertical-align: middle"><Dete /></el-icon>
|
|
||||||
<span style="vertical-align: middle">批量删除</span>
|
|
||||||
</el-button>
|
|
||||||
</PageTitle>
|
</PageTitle>
|
||||||
</div>
|
</div>
|
||||||
<!-- 搜索 -->
|
<!-- 搜索 -->
|
||||||
@ -27,9 +23,18 @@
|
|||||||
:controlsWidth="pageData.controlsWidth"
|
:controlsWidth="pageData.controlsWidth"
|
||||||
@chooseData="chooseData">
|
@chooseData="chooseData">
|
||||||
|
|
||||||
|
<template #xlLx="{row}">
|
||||||
|
<DictTag :tag="false" :value="row.xlLx" :options="D_GS_XS_LX" />
|
||||||
|
</template>
|
||||||
|
<template #qbLy="{row}">
|
||||||
|
<DictTag :tag="false" :value="row.qbLy" :options="D_GS_XS_LY" />
|
||||||
|
</template>
|
||||||
|
<template #czzt="{row}">
|
||||||
|
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
|
||||||
|
</template>
|
||||||
<template #shzt="{row}">
|
<template #shzt="{row}">
|
||||||
<span>采纳(将这条信息推送到情报管理模块)</span>
|
<!-- 采纳(将这条信息推送到情报管理),退回! -->
|
||||||
<span>退回!</span>
|
<DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
@ -62,7 +67,7 @@
|
|||||||
<el-button size="small" type="primary" @click.stop="handleSumbit(row)">确定</el-button>
|
<el-button size="small" type="primary" @click.stop="handleSumbit(row)">确定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
|
<el-link size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
|
||||||
</template>
|
</template>
|
||||||
</MyTable>
|
</MyTable>
|
||||||
<Pages
|
<Pages
|
||||||
@ -76,48 +81,45 @@
|
|||||||
></Pages>
|
></Pages>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增 -->
|
<!-- 新增 -->
|
||||||
<AddForm ref="detailDiloag" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX ,D_GS_XS_QTLX}" />
|
<AddForm ref="detailDiloag" @change="change" v-if="isShow" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX ,D_GS_XS_QTLX}" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import * as MOSTY from "@/components/MyComponents/index";
|
||||||
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
||||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||||
import Pages from "@/components/aboutTable/Pages.vue";
|
import Pages from "@/components/aboutTable/Pages.vue";
|
||||||
import Search from "@/components/aboutTable/Search.vue";
|
import Search from "@/components/aboutTable/Search.vue";
|
||||||
import AddForm from "./components/addForm.vue";
|
import AddForm from "./components/addForm.vue";
|
||||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
||||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||||
|
import { fa } from "element-plus/es/locale.mjs";
|
||||||
const { proxy } = getCurrentInstance();
|
const { proxy } = getCurrentInstance();
|
||||||
const {D_GS_XS_CZZT,D_GS_XS_LY, D_BZ_SSZT,D_BZ_SF,D_GS_XS_LX ,D_GS_XS_QTLX,D_BZ_XB,D_BZ_XSSHZT} = proxy.$dict("D_GS_XS_CZZT","D_GS_XS_LY","D_BZ_SSZT","D_BZ_SF","D_GS_XS_LX","D_GS_XS_QTLX","D_BZ_XB","D_BZ_XSSHZT"); //获取字典数据
|
const {D_GS_XS_CZZT,D_GS_XS_LY, D_BZ_SSZT,D_BZ_SF,D_GS_XS_LX ,D_GS_XS_QTLX,D_BZ_XB,D_BZ_XSSHZT} = proxy.$dict("D_GS_XS_CZZT","D_GS_XS_LY","D_BZ_SSZT","D_BZ_SF","D_GS_XS_LX","D_GS_XS_QTLX","D_BZ_XB","D_BZ_XSSHZT"); //获取字典数据
|
||||||
const detailDiloag = ref();
|
const detailDiloag = ref();
|
||||||
const searchBox = ref(); //搜索框
|
const searchBox = ref(); //搜索框
|
||||||
const chooseRow = ref({})
|
const chooseRow = ref({})
|
||||||
|
const rules = reactive({
|
||||||
|
bhyy:false,
|
||||||
|
shzt: false,
|
||||||
|
})
|
||||||
|
const isShow = ref(false)
|
||||||
const searchConfiger = ref([
|
const searchConfiger = ref([
|
||||||
{ label: "线索名称", prop: 'clueTitle', placeholder: "请输入线索名称", showType: "input" },
|
{ label: "线索名称", prop: 'xsMc', placeholder: "请输入线索名称", showType: "input" },
|
||||||
{ label: "语义关键字", prop: 'semanticKeywords', placeholder: "请输入语义关键字", showType: "input" },
|
{ label: "内容关键字", prop: 'xsNr', placeholder: "请输入语义关键字", showType: "input" },
|
||||||
{ label: "线索类型", prop: 'clueType', placeholder: "请选择线索类型", showType: "select" },
|
{ label: "线索类型", prop: 'xlLx', placeholder: "请选择线索类型", showType: "select" },
|
||||||
{ label: "线索来源", prop: 'clueSource', placeholder: "请选择线索来源", showType: "select" },
|
{ label: "线索来源", prop: 'qbLy', placeholder: "请选择线索来源", showType: "select" },
|
||||||
{ label: "线索状态", prop: 'xszt', placeholder: "请选择线索状态", showType: "select" },
|
{ label: "线索状态", prop: 'xszt', placeholder: "请选择线索状态", showType: "select" },
|
||||||
{ label: "处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select" },
|
{ label: "开始时间", prop: 'zxkssj', placeholder: "请选择开始时间", showType: "date" },
|
||||||
{ label: "开始时间", prop: 'startTime', placeholder: "请选择开始时间", showType: "date" },
|
{ label: "结束时间", prop: 'zxjssj', placeholder: "请选择结束时间", showType: "date" },
|
||||||
{ label: "结束时间", prop: 'endTime', placeholder: "请选择结束时间", showType: "date" },
|
{ label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
|
||||||
{ label: "指向地点", prop: 'targetLocation', placeholder: "请输入指向地点", showType: "input" },
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
tableData: [
|
tableData: [],
|
||||||
{
|
|
||||||
clueNo: "XS20240101001",
|
|
||||||
clueTitle: "可疑人员活动线索",
|
|
||||||
clueType: "人员线索",
|
|
||||||
clueSource: "群众举报",
|
|
||||||
startTime: "2024-01-01 08:00:00",
|
|
||||||
endTime: "2024-01-01 18:00:00",
|
|
||||||
targetLocation: "某市某区某街道",
|
|
||||||
clueContent: "发现多名可疑人员在该区域频繁出入,疑似从事非法活动。",
|
|
||||||
attachment: "report.pdf"
|
|
||||||
},],
|
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
tableConfiger: {
|
tableConfiger: {
|
||||||
rowHieght: 61,
|
rowHieght: 61,
|
||||||
@ -131,17 +133,18 @@ const pageData = reactive({
|
|||||||
},
|
},
|
||||||
controlsWidth: 150,
|
controlsWidth: 150,
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "上报人姓名", prop: "clueNo" },
|
{ label: "上报人姓名", prop: "xssbr" },
|
||||||
{ label: "上报人电话", prop: "clueNo" },
|
{ label: "上报人电话", prop: "xssbrdh" },
|
||||||
{ label: "线索编号", prop: "clueNo" },
|
{ label: "线索编号", prop: "xsBh" },
|
||||||
{ label: "线索名称", prop: "clueTitle" },
|
{ label: "线索名称", prop: "xsMc" },
|
||||||
{ label: "线索类型", prop: "clueType" },
|
{ label: "线索类型", prop: "xlLx",showSolt:true },
|
||||||
{ label: "线索来源", prop: "clueSource" },
|
{ label: "线索来源", prop: "qbLy",showSolt:true },
|
||||||
{ label: "开始时间", prop: "startTime" },
|
{ label: "开始时间", prop: "zxkssj" },
|
||||||
{ label: "结束时间", prop: "endTime" },
|
{ label: "结束时间", prop: "zxjssj" },
|
||||||
{ label: "指向地点", prop: "targetLocation" },
|
{ label: "指向地点", prop: "zxdz" },
|
||||||
{ label: "线索内容", prop: "clueContent", width: 200 },
|
{ label: "线索内容", prop: "xsNr"},
|
||||||
{ label: "附件", prop: "attachment", showSolt: true },
|
{ label: "处置状态", prop: "czzt",showSolt: true},
|
||||||
|
{ label: "附件", prop: "fjdz", showSolt: true },
|
||||||
{ label: "审核状态", prop: "shzt", showSolt: true },
|
{ label: "审核状态", prop: "shzt", showSolt: true },
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
@ -153,6 +156,7 @@ onMounted(() => {
|
|||||||
tabHeightFn();
|
tabHeightFn();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
const handleSh = (val) =>{
|
const handleSh = (val) =>{
|
||||||
chooseRow.value = {id:val.id,shzt:'01'}
|
chooseRow.value = {id:val.id,shzt:'01'}
|
||||||
val.visible = !val.visible;
|
val.visible = !val.visible;
|
||||||
@ -190,22 +194,31 @@ const changeSize = (val) =>{
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 获取列表
|
// 获取列表
|
||||||
const getList = (val) =>{
|
const getList = () =>{
|
||||||
// pageData.tableConfiger.loading = true;
|
pageData.tableConfiger.loading = true;
|
||||||
let data = { ...pageData.pageConfiger, ...queryFrom.value };
|
let data = { ...pageData.pageConfiger, ...queryFrom.value,cjLx:'1' };
|
||||||
// let url = '/mosty-lzcj/tbDwMbkf/queryList';
|
qcckGet(data,'/mosty-gsxt/qbcj/selectPage').then(res=>{
|
||||||
// qcckPost(data,url).then(res=>{
|
pageData.tableData = res.records || [];
|
||||||
// pageData.tableData = res.records || [];
|
pageData.total = res.total;
|
||||||
// pageData.total = res.total;
|
pageData.tableConfiger.loading = false;
|
||||||
// pageData.tableConfiger.loading = false;
|
}).catch(()=>{ pageData.tableConfiger.loading = false; })
|
||||||
// }).catch(()=>{ pageData.tableConfiger.loading = false; })
|
}
|
||||||
|
// 删除
|
||||||
|
const delDictItem = (id) =>{
|
||||||
|
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
|
||||||
|
qcckPost({id},'/mosty-gsxt/qbcj/delete').then(()=>{
|
||||||
|
proxy.$message({ type: "success", message: "删除成功" });
|
||||||
|
getList();
|
||||||
|
})
|
||||||
|
}).catch(() => {});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 详情
|
// 详情
|
||||||
const addEdit = (type, row) => {
|
const addEdit = (type, row) => {
|
||||||
nextTick(()=>{
|
isShow.value = true;
|
||||||
|
setTimeout(()=>{
|
||||||
detailDiloag.value.init(type, row);
|
detailDiloag.value.init(type, row);
|
||||||
})
|
},500)
|
||||||
};
|
};
|
||||||
|
|
||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
@ -217,6 +230,19 @@ const tabHeightFn = () => {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.label-pop{
|
||||||
|
position: relative;
|
||||||
|
&::before{
|
||||||
|
position: absolute;
|
||||||
|
content: '*';
|
||||||
|
top: 0;
|
||||||
|
left: -7px;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.el-loading-mask {
|
.el-loading-mask {
|
||||||
background: rgba(0, 0, 0, 0.5) !important;
|
background: rgba(0, 0, 0, 0.5) !important;
|
||||||
|
@ -93,6 +93,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import * as MOSTY from "@/components/MyComponents/index";
|
||||||
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
||||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||||
import Pages from "@/components/aboutTable/Pages.vue";
|
import Pages from "@/components/aboutTable/Pages.vue";
|
||||||
@ -117,7 +118,6 @@ const searchConfiger = ref([
|
|||||||
{ label: "结束时间", prop: 'zxjssj', placeholder: "请选择结束时间", showType: "date" },
|
{ label: "结束时间", prop: 'zxjssj', placeholder: "请选择结束时间", showType: "date" },
|
||||||
{ label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
|
{ label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
|
||||||
]);
|
]);
|
||||||
const elForm = ref()
|
|
||||||
const chooseRow = ref({})
|
const chooseRow = ref({})
|
||||||
const rules = reactive({
|
const rules = reactive({
|
||||||
bhyy:false,
|
bhyy:false,
|
||||||
|
@ -2,6 +2,9 @@
|
|||||||
<div class="dialog" v-if="dialogForm">
|
<div class="dialog" v-if="dialogForm">
|
||||||
<div class="head_box">
|
<div class="head_box">
|
||||||
<span class="title">人力情报信息采集流转详情</span>
|
<span class="title">人力情报信息采集流转详情</span>
|
||||||
|
<div>
|
||||||
|
<el-button @click="close">关闭</el-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form_cnt">
|
<div class="form_cnt">
|
||||||
<FormMessage disabled v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
|
<FormMessage disabled v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
|
||||||
@ -41,12 +44,12 @@
|
|||||||
</template>
|
</template>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<template #controls="{ row,index }">
|
<template #controls="{ row,index }">
|
||||||
<el-link size="small" type="success" @click="addEdit('detail', row,index)">编辑</el-link>
|
<el-link size="small" type="success" @click="addEdit('detail', row,index)">详情</el-link>
|
||||||
</template>
|
</template>
|
||||||
</MyTable>
|
</MyTable>
|
||||||
</div>
|
</div>
|
||||||
<!-- 人员 -->
|
<!-- 人员 -->
|
||||||
<AddPeo ref="showAdd" :dic="props.dic" @change="getPeo"></AddPeo>
|
<AddPeo ref="showAdd" :dic="props.dic" ></AddPeo>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -136,37 +139,6 @@ const addEdit = (type,row,index) =>{
|
|||||||
showAdd.value.init(type,row,index)
|
showAdd.value.init(type,row,index)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 新增人员
|
|
||||||
const getPeo = (val) =>{
|
|
||||||
if(val.type == '新增'){
|
|
||||||
pageForm.tableData.push(val.data);
|
|
||||||
}else{
|
|
||||||
pageForm.tableData.splice(val.index, 1, val.data); // 在索引2的位置删除一个元素,并插入newValue
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const deleteRow = (index) =>{
|
|
||||||
pageForm.tableData.splice(index,1)
|
|
||||||
}
|
|
||||||
|
|
||||||
// 提交
|
|
||||||
const submit = () => {
|
|
||||||
elform.value.submit((data) => {
|
|
||||||
let url = title.value == "新增" ? "/mosty-gsxt/qbcj/add" : "/mosty-gsxt/qbcj/update";
|
|
||||||
let params = { ...data ,ryList:pageForm.tableData,cjLx:'0'};
|
|
||||||
params.fjdz = fjdz.value.length > 0 ? fjdz.value.join(','):'';
|
|
||||||
loading.value = true;
|
|
||||||
qcckPost(params, url).then((res) => {
|
|
||||||
loading.value = false;
|
|
||||||
proxy.$message({ type: "success", message: title.value + "成功" });
|
|
||||||
emit("change");
|
|
||||||
close();
|
|
||||||
}).catch(() => {
|
|
||||||
loading.value = false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// 关闭
|
// 关闭
|
||||||
const close = () => {
|
const close = () => {
|
||||||
fjdz.value = []
|
fjdz.value = []
|
||||||
@ -175,6 +147,7 @@ const close = () => {
|
|||||||
loading.value = false;
|
loading.value = false;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
// 表格高度计算
|
// 表格高度计算
|
||||||
const tabHeightFn = () => {
|
const tabHeightFn = () => {
|
||||||
pageForm.tableHeight = window.innerHeight - 720;
|
pageForm.tableHeight = window.innerHeight - 720;
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="showDialog" :destroy-on-close="true" :title="title+'人员'" @close="close" :close-on-click-modal="false">
|
<el-dialog v-model="showDialog" :destroy-on-close="true" title="人员详情" @close="close" :close-on-click-modal="false">
|
||||||
<FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
|
<FormMessage v-model="listQuery" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
|
||||||
<template #bqList>
|
<template #bqList>
|
||||||
<div class="marks pointer" >
|
<div class="marks pointer" >
|
||||||
@ -52,10 +52,8 @@ const rules = reactive({
|
|||||||
hjd: [{ required: true, message: "请输入户籍地", trigger: "blur" }],
|
hjd: [{ required: true, message: "请输入户籍地", trigger: "blur" }],
|
||||||
})
|
})
|
||||||
const title = ref('')
|
const title = ref('')
|
||||||
const order = ref(null)
|
|
||||||
const init = (type,row,index) =>{
|
const init = (type,row,index) =>{
|
||||||
title.value = type == 'add' ? '新增' :'编辑';
|
title.value = type == 'add' ? '新增' :'编辑';
|
||||||
order.value = index;
|
|
||||||
showDialog.value = true;
|
showDialog.value = true;
|
||||||
if(row) listQuery.value = {...row};
|
if(row) listQuery.value = {...row};
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user