更新页面
This commit is contained in:
@ -20,36 +20,6 @@
|
||||
ref="elform"
|
||||
:rules="rules"
|
||||
>
|
||||
<!-- 上报单位代码 -->
|
||||
<template #bsDwDm>
|
||||
<el-select
|
||||
v-model="listQuery.bsDwDm"
|
||||
placeholder="请选择上报单位代码"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in deptList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value.toString()"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
<!-- 上报单位代码 -->
|
||||
<template #ssbmdm>
|
||||
<el-select
|
||||
v-model="listQuery.ssbmdm"
|
||||
placeholder="请选择所属单位代码"
|
||||
style="width: 240px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in deptList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value.toString()"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
<!-- 线索列表-->
|
||||
<template #xsList>
|
||||
<el-button @click="openDialog()">选择</el-button>
|
||||
@ -197,32 +167,12 @@ const tableDate = reactive({
|
||||
const dialogForm = ref(false); //弹窗
|
||||
const chooseTitle = ref(""); //选择弹窗
|
||||
const formData = ref([
|
||||
{ label: "报送单位代码", prop: "bsDwDm", type: "slot" },
|
||||
{ label: "报送单位名称", prop: "bsDwMc", type: "input" },
|
||||
{ label: "报送单位", prop: "ssbmdm", type: "department" },
|
||||
{ label: "任务标题", prop: "rwBt", type: "input" },
|
||||
{ label: "任务编号", prop: "rwBh", type: "input" },
|
||||
{
|
||||
label: "任务类型",
|
||||
prop: "rwLx",
|
||||
type: "select",
|
||||
options: D_GS_RLQB_RWDD_LX
|
||||
},
|
||||
{
|
||||
label: "任务来源",
|
||||
prop: "rwLy",
|
||||
type: "select",
|
||||
options: D_GS_RLQB_RWDD_LY
|
||||
},
|
||||
{ label: "任务来源", prop: "rwLy", type: "select", options: D_GS_RLQB_RWDD_LY },
|
||||
{ label: "反馈开始时间", prop: "rwSjKs", type: "datetime" },
|
||||
{ label: "反馈截止时间", prop: "rwSjFkjz", type: "datetime" },
|
||||
{
|
||||
label: "严重程度",
|
||||
prop: "rwYzcd",
|
||||
type: "select",
|
||||
options: D_GS_RLQB_RWDD_YZCD
|
||||
},
|
||||
{ label: "所属单位代码", prop: "ssbmdm", type: "slot" },
|
||||
{ label: "所属单位名称", prop: "ssbmmc", type: "input" },
|
||||
{ label: "严重程度", prop: "rwYzcd", type: "select", options: D_GS_RLQB_RWDD_YZCD},
|
||||
{ label: "任务内容", prop: "rwNr", type: "textarea", width: "100%" },
|
||||
{ label: "线索列表", prop: "xsList", type: "slot", width: "80%" }
|
||||
]);
|
||||
|
||||
@ -1,285 +0,0 @@
|
||||
<template>
|
||||
<div class="dialog" v-if="dialogForm">
|
||||
<div class="head_box">
|
||||
<span class="title">人力情报信息搜索任务调度详情 </span>
|
||||
<div>
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_cnt">
|
||||
<FormMessage
|
||||
:formList="formData"
|
||||
v-model="listQuery"
|
||||
ref="elform"
|
||||
:rules="rules"
|
||||
>
|
||||
<!-- 上报单位代码 -->
|
||||
<template #bsDwDm>
|
||||
<el-select
|
||||
v-model="listQuery.bsDwDm"
|
||||
placeholder="请选择上报单位代码"
|
||||
style="width: 240px"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in deptList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value.toString()"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
<!-- 上报单位代码 -->
|
||||
<template #ssbmdm>
|
||||
<el-select
|
||||
v-model="listQuery.ssbmdm"
|
||||
placeholder="请选择所属单位代码"
|
||||
style="width: 240px"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in deptList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value.toString()"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
<!-- 线索列表-->
|
||||
<template #xsList>
|
||||
<div class="boxlist">
|
||||
<MyTable
|
||||
:tableData="tableDate.xsList"
|
||||
:tableColumn="tableDate.tableColumn"
|
||||
:tableHeight="tableDate.tableHeight"
|
||||
:key="tableDate.keyCount"
|
||||
:tableConfiger="tableDate.tableConfiger"
|
||||
:controlsWidth="tableDate.controlsWidth"
|
||||
@chooseData="chooseData"
|
||||
>
|
||||
<template #xsLy="{ row }">
|
||||
<DictTag :tag="false" :value="row.xsLy" :options="D_GS_XS_LY" />
|
||||
</template>
|
||||
<template #xsFxdj="{ row }">
|
||||
<DictTag
|
||||
:tag="false"
|
||||
:value="row.xsFxdj"
|
||||
:options="D_GS_XS_FXDJ"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #xsQtlx="{ row }">
|
||||
<DictTag
|
||||
:tag="false"
|
||||
:value="row.xsQtlx"
|
||||
:options="D_GS_ZDQT_LB"
|
||||
/>
|
||||
</template>
|
||||
<template #xsZtCz="{ row }">
|
||||
<DictTag
|
||||
:tag="false"
|
||||
:value="row.xsZtCz"
|
||||
:options="D_GS_XS_CZZT"
|
||||
/>
|
||||
</template>
|
||||
<template #xsZt="{ row }">
|
||||
<DictTag :tag="false" :value="row.xsZt" :options="D_GS_XS_ZT" />
|
||||
</template>
|
||||
</MyTable>
|
||||
</div>
|
||||
</template>
|
||||
</FormMessage>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
|
||||
import DialogList from "./dialogList.vue";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import * as rule from "@/utils/rules.js";
|
||||
import { selectUserDeptPage } from "@/api/user-manage";
|
||||
|
||||
import {
|
||||
ref,
|
||||
defineExpose,
|
||||
reactive,
|
||||
onMounted,
|
||||
defineEmits,
|
||||
getCurrentInstance,
|
||||
nextTick
|
||||
} from "vue";
|
||||
const emit = defineEmits(["updateDate"]);
|
||||
const props = defineProps({
|
||||
dic: Object
|
||||
});
|
||||
const { proxy } = getCurrentInstance();
|
||||
const {
|
||||
D_GS_RLQB_RWDD_LX,
|
||||
D_GS_RLQB_RWDD_LY,
|
||||
D_GS_RLQB_RWDD_YZCD,
|
||||
D_GS_XS_FXDJ,
|
||||
D_GS_XS_CZZT,
|
||||
D_GS_XS_ZT,
|
||||
D_GS_XS_LY,
|
||||
D_GS_ZDQT_LB
|
||||
} = proxy.$dict(
|
||||
"D_GS_RLQB_RWDD_LX",
|
||||
"D_GS_RLQB_RWDD_LY",
|
||||
"D_GS_RLQB_RWDD_YZCD",
|
||||
"D_GS_XS_FXDJ",
|
||||
"D_GS_XS_CZZT",
|
||||
"D_GS_XS_ZT",
|
||||
"D_GS_XS_LY",
|
||||
"D_GS_ZDQT_LB"
|
||||
);
|
||||
const tableDate = reactive({
|
||||
xsList: [], //表格数据
|
||||
rykeyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "checkBox",
|
||||
loading: false,
|
||||
size: "small",
|
||||
border: true
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
controlsWidth: 220, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "线索名称", prop: "xsMc", width: "100px" },
|
||||
{ label: "线索编号", prop: "xsBh", width: "100px" },
|
||||
{ label: "线索来源", prop: "xsLy", showSolt: true, width: "100px" },
|
||||
{ label: "风险等级", prop: "xsFxdj", showSolt: true, width: "100px" },
|
||||
{ label: "开始时间", prop: "startTime", width: "100px" },
|
||||
{ label: "结束时间", prop: "ryXjd", width: "100px" },
|
||||
{ label: "指向地点", prop: "xsZxdd", width: "100px" },
|
||||
{ label: "线索内容", prop: "xsNr", width: "100px" },
|
||||
{ label: "群体类型", prop: "xsQtlx", showSolt: true, width: "100px" },
|
||||
{ label: "群体名称", prop: "xsQtmc", width: "100px" },
|
||||
{ label: "上报单位", prop: "sbDwMc", width: "100px" },
|
||||
{ label: "上报时间", prop: "sbSj", width: "100px" },
|
||||
{ label: "涉及人数", prop: "xsSjrs", width: "100px" },
|
||||
{ label: "处置状态", prop: "xsZtCz", width: "100px", showSolt: true },
|
||||
{ label: "状态", prop: "xsZt", width: "100px", showSolt: true }
|
||||
]
|
||||
});
|
||||
const dialogForm = ref(false); //弹窗
|
||||
const chooseTitle = ref(""); //选择弹窗
|
||||
const formData = ref([
|
||||
{ label: "报送单位代码", prop: "bsDwDm", type: "slot", disabled: true },
|
||||
{ label: "报送单位名称", prop: "bsDwMc", type: "input", disabled: true },
|
||||
{ label: "任务标题", prop: "rwBt", type: "input", disabled: true },
|
||||
{ label: "任务编号", prop: "rwBh", type: "input", disabled: true },
|
||||
{
|
||||
label: "任务类型",
|
||||
prop: "rwLx",
|
||||
type: "select",
|
||||
options: D_GS_RLQB_RWDD_LX,
|
||||
disabled: true
|
||||
},
|
||||
{
|
||||
label: "任务来源",
|
||||
prop: "rwLy",
|
||||
type: "select",
|
||||
options: D_GS_RLQB_RWDD_LY,
|
||||
disabled: true
|
||||
},
|
||||
{ label: "反馈开始时间", prop: "rwSjKs", type: "datetime", disabled: true },
|
||||
{ label: "反馈截止时间", prop: "rwSjFkjz", type: "datetime", disabled: true },
|
||||
{
|
||||
label: "严重程度",
|
||||
prop: "rwYzcd",
|
||||
type: "select",
|
||||
options: D_GS_RLQB_RWDD_YZCD,
|
||||
disabled: true
|
||||
},
|
||||
{ label: "所属单位代码", prop: "ssbmdm", type: "slot", disabled: true },
|
||||
{ label: "所属单位名称", prop: "ssbmmc", type: "input", disabled: true },
|
||||
{
|
||||
label: "任务内容",
|
||||
prop: "rwNr",
|
||||
type: "textarea",
|
||||
width: "100%",
|
||||
disabled: true
|
||||
},
|
||||
{
|
||||
label: "线索列表",
|
||||
prop: "xsList",
|
||||
type: "slot",
|
||||
width: "80%",
|
||||
disabled: true
|
||||
}
|
||||
]);
|
||||
const listQuery = ref({}); //表单
|
||||
const roleIds = ref([]); //角色id
|
||||
|
||||
const chooseShow = ref(false); //选择弹窗
|
||||
const loading = ref(false);
|
||||
const elform = ref();
|
||||
const title = ref("");
|
||||
const deptList = ref([]); //部门列表
|
||||
const chooseType = ref("01"); //选择弹窗类型
|
||||
|
||||
const rules = reactive({
|
||||
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
|
||||
});
|
||||
const editpeo = ref();
|
||||
onMounted(() => {
|
||||
getdepartmentList();
|
||||
});
|
||||
// 初始化数据
|
||||
const init = (type, row) => {
|
||||
dialogForm.value = true;
|
||||
title.value = type == "add" ? "新增" : "编辑";
|
||||
if (row) getDataById(row.id);
|
||||
};
|
||||
// 根据id查询详情
|
||||
const getDataById = (id) => {
|
||||
qcckGet({}, "/mosty-gsxt/tbGsxtRlqbRwdd/selectVoById/" + id).then((res) => {
|
||||
listQuery.value = res;
|
||||
tableDate.xsList = listQuery.value.xsList;
|
||||
});
|
||||
};
|
||||
|
||||
// 获取部门列表
|
||||
const getdepartmentList = () => {
|
||||
selectUserDeptPage().then((res) => {
|
||||
deptList.value = res?.records.map((item) => ({
|
||||
label: item.deptName,
|
||||
value: item.deptId
|
||||
}));
|
||||
});
|
||||
};
|
||||
|
||||
// 接收父组件传入的数据并回显
|
||||
const setFormData = (data) => {
|
||||
tableDate.xsList = data.xsList ?? [];
|
||||
listQuery.value = {
|
||||
...data // 假设 data 包含所有需要的字段
|
||||
};
|
||||
tableDate.tableData = data.bkdxList;
|
||||
};
|
||||
// 关闭
|
||||
const close = () => {
|
||||
listQuery.value = {};
|
||||
dialogForm.value = false;
|
||||
loading.value = false;
|
||||
};
|
||||
defineExpose({ init, setFormData });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "~@/assets/css/layout.scss";
|
||||
@import "~@/assets/css/element-plus.scss";
|
||||
.boxlist {
|
||||
width: 99%;
|
||||
height: 225px;
|
||||
margin-top: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@ -64,21 +64,18 @@
|
||||
:options="D_GS_RLQB_RWDD_YZCD"
|
||||
/>
|
||||
</template>
|
||||
<template #rwZt="{ row }">
|
||||
<DictTag
|
||||
:tag="false"
|
||||
:value="row.rwZt"
|
||||
:options="D_GS_RLQB_RWDD_ZT"
|
||||
/>
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link size="small" type="success" @click="addEdit('edit', row)"
|
||||
>编辑</el-link
|
||||
>
|
||||
<el-link size="small" type="primary" @click="infoList('info', row)"
|
||||
<el-link size="small" type="primary" @click="addEdit('info', row)"
|
||||
>详情</el-link
|
||||
>
|
||||
<!-- 下发将消息推送至临安码 消息中心 -->
|
||||
<el-link size="small" type="primary" @click="addEdit('info', row)"
|
||||
>下发</el-link
|
||||
>
|
||||
<el-link size="small" type="danger" @click="deleteRow(row)"
|
||||
>删除</el-link
|
||||
>
|
||||
@ -96,8 +93,6 @@
|
||||
</div>
|
||||
<!-- 新增编辑 -->
|
||||
<DetailForm ref="detailDiloag" @updateDate="getList()" />
|
||||
<!--详情 -->
|
||||
<InfoForm ref="infoDiloag" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -110,13 +105,11 @@ import DetailForm from "./components/addForm.vue";
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { selectUserDeptPage } from "@/api/user-manage";
|
||||
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
||||
import InfoForm from "./components/infoForm.vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_GS_RLQB_RWDD_LY, D_GS_RLQB_RWDD_YZCD, D_GS_RLQB_RWDD_ZT } =
|
||||
proxy.$dict("D_GS_RLQB_RWDD_LY", "D_GS_RLQB_RWDD_YZCD", "D_GS_RLQB_RWDD_ZT"); //获取字典数据
|
||||
|
||||
const detailDiloag = ref();
|
||||
const infoDiloag = ref();
|
||||
const searchBox = ref(); //搜索框
|
||||
const deptList = ref([]); //部门列表
|
||||
|
||||
@ -133,12 +126,6 @@ const searchConfiger = ref([
|
||||
placeholder: "请输入任务标题",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "任务编号",
|
||||
prop: "rwBh",
|
||||
placeholder: "请输入任务编号",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "任务内容",
|
||||
prop: "rwNr",
|
||||
@ -159,13 +146,6 @@ const searchConfiger = ref([
|
||||
showType: "select",
|
||||
options: D_GS_RLQB_RWDD_YZCD
|
||||
},
|
||||
{
|
||||
label: "任务状态",
|
||||
prop: "rwZt",
|
||||
placeholder: "请选择任务状态",
|
||||
showType: "select",
|
||||
options: D_GS_RLQB_RWDD_ZT
|
||||
}
|
||||
]);
|
||||
|
||||
const pageData = reactive({
|
||||
@ -183,16 +163,11 @@ const pageData = reactive({
|
||||
},
|
||||
controlsWidth: 220,
|
||||
tableColumn: [
|
||||
{ label: "任务编号", prop: "rwBh" },
|
||||
{ label: "任务标题", prop: "rwBt" },
|
||||
{ label: "任务内容", prop: "rwNr", width: 200 },
|
||||
{ label: "任务来源", prop: "rwLy", showSolt: true },
|
||||
{ label: "严重程度", prop: "rwYzcd", showSolt: true },
|
||||
// { label: "处理情况", prop: "processStatus" },
|
||||
{ label: "上报时间", prop: "sbSj" },
|
||||
// { label: "采集状态", prop: "collectStatus" },
|
||||
// { label: "填充部门", prop: "fillDepartment" },
|
||||
{ label: "状态", prop: "rwZt", showSolt: true }
|
||||
{ label: "下发状态", prop: "xfzt" },
|
||||
]
|
||||
});
|
||||
|
||||
@ -254,10 +229,7 @@ const getList = (val) => {
|
||||
const addEdit = (type, row) => {
|
||||
detailDiloag.value.init(type, row);
|
||||
};
|
||||
// 详情
|
||||
const infoList = (type, row) => {
|
||||
infoDiloag.value.init(type, row);
|
||||
};
|
||||
|
||||
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
|
||||
Reference in New Issue
Block a user