This commit is contained in:
parent
e44d6a06bc
commit
4942aaa192
|
@ -25,8 +25,7 @@
|
|||
alt=""
|
||||
style="margin-right: 10px"
|
||||
/>
|
||||
<div class="name" v-if="showXq">{{ title }}详情</div>
|
||||
<div class="name" v-else>{{ title }}</div>
|
||||
<div class="name">{{ title }}详情</div>
|
||||
<img
|
||||
src="@/assets/images/table_r.png"
|
||||
alt=""
|
||||
|
@ -53,7 +52,7 @@
|
|||
<div class="contenta">
|
||||
<div
|
||||
class="item_content"
|
||||
:class="item_contentBJ ? item.show : ''"
|
||||
:class="item.show ? 'item_contentBJ' : ''"
|
||||
v-for="item in data.menu"
|
||||
@click="onMenu(item)"
|
||||
>
|
||||
|
@ -64,7 +63,7 @@
|
|||
</div>
|
||||
<div class="conten" style="margin-top: 20px">
|
||||
<div class="operationFlow">
|
||||
<div class="titles">
|
||||
<div class="titles" v-if="data.content.show">
|
||||
<div class="titlea">
|
||||
业务单位:<span>{{ data.content.yw }}</span>
|
||||
</div>
|
||||
|
@ -79,21 +78,15 @@
|
|||
</div>
|
||||
<div class="stepsa">
|
||||
<div class="stepsb">
|
||||
<el-steps style="max-width: 600px" align-center :active="1">
|
||||
<el-steps
|
||||
style="max-width: 600px"
|
||||
align-center
|
||||
:active="data.active"
|
||||
>
|
||||
<el-step
|
||||
title="推送时间"
|
||||
description="2024.9.15 12:00"
|
||||
:icon="Edit"
|
||||
/>
|
||||
<el-step
|
||||
title="业务处理时间"
|
||||
description="2024.9.16 12:00"
|
||||
:icon="Upload"
|
||||
/>
|
||||
<el-step
|
||||
title="办结时间"
|
||||
description=" 2024.10.16 15:00"
|
||||
:icon="Picture"
|
||||
v-for="item in data.stepdata"
|
||||
:title="item.title"
|
||||
:description="item.description"
|
||||
/>
|
||||
</el-steps>
|
||||
</div>
|
||||
|
@ -142,15 +135,9 @@ const props = defineProps({
|
|||
},
|
||||
},
|
||||
menu: {
|
||||
type: String,
|
||||
type: Array,
|
||||
default: () => {
|
||||
return "";
|
||||
},
|
||||
},
|
||||
showXq: {
|
||||
type: Boolean,
|
||||
default: () => {
|
||||
return true;
|
||||
return [];
|
||||
},
|
||||
},
|
||||
});
|
||||
|
@ -158,10 +145,26 @@ const emit = defineEmits(["close"]);
|
|||
// 详情弹框
|
||||
const dialogShow = ref();
|
||||
const data = reactive({
|
||||
active: 3,
|
||||
title: "",
|
||||
content: {},
|
||||
menu: {},
|
||||
menu: [],
|
||||
stepdata: [
|
||||
{
|
||||
title: "推送时间",
|
||||
description: "2024.9.15",
|
||||
},
|
||||
{
|
||||
title: "业务处理时间",
|
||||
description: " 2024.9.16",
|
||||
},
|
||||
{
|
||||
title: "办结时间",
|
||||
description: " 2024.10.16",
|
||||
},
|
||||
],
|
||||
});
|
||||
const titleshow = ref(false);
|
||||
|
||||
const onMenu = (val) => {
|
||||
console.log(val);
|
||||
|
@ -175,10 +178,28 @@ watch(
|
|||
// console.log(222);
|
||||
dialogShow.value = newVal;
|
||||
if (newVal == true) {
|
||||
data.menu.length = 0;
|
||||
|
||||
data.menu = props.menu;
|
||||
data.title = props.title;
|
||||
data.content = props.tableData;
|
||||
data.menu = props.menu;
|
||||
console.log(11,data.menu,data.content);
|
||||
console.log(11, typeof data.menu, data.content, typeof props.menu);
|
||||
|
||||
if (!data.content.show) {
|
||||
// data.stepdata[1].description = "2024.9.16";
|
||||
data.content.yw = data.menu[0].property;
|
||||
data.content.fzr = data.menu[0].yw;
|
||||
console.log(
|
||||
22,
|
||||
data.menu[0],
|
||||
typeof data.menu,
|
||||
typeof data.menu[0],
|
||||
data.menu[0].yw
|
||||
);
|
||||
data.stepdata[0].description = `业务单位:${data.menu[0].yw}-业务负责人:${data.menu[0].property} 推送时间:2024.9.15`;
|
||||
data.stepdata[1].description = `业务单位:${data.menu[0].yw}-业务负责人:${data.menu[0].property} 受理日期:2024.9.16`;
|
||||
data.stepdata[2].description = `业务单位:${data.menu[0].yw}-业务负责人:${data.menu[0].property} 办结时间:2024.10.16`;
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
@ -296,6 +317,7 @@ const closeDialog = () => {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
overflow-x: auto;
|
||||
}
|
||||
.item_content {
|
||||
cursor: pointer;
|
||||
|
|
|
@ -215,13 +215,18 @@
|
|||
</div>
|
||||
|
||||
<!-- 完成途径 -->
|
||||
<div v-if="item.property == 'operatesDeng'" @click="openLC()">
|
||||
<div
|
||||
v-if="item.property == 'operatesDeng'"
|
||||
@click="openLC(scope.row)"
|
||||
>
|
||||
<div v-if="scope.row.operatesDeng">系统推送</div>
|
||||
<div v-else>其他</div>
|
||||
</div>
|
||||
<!-- 推送次数 -->
|
||||
<div v-if="item.property == 'pushSendTotal'">
|
||||
<div @click="openLC()">{{ scope.row.pushSendTotal }}</div>
|
||||
<div @click="openLC(scope.row)">
|
||||
{{ scope.row.pushSendTotal }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
@ -609,37 +614,37 @@ const Process = reactive({
|
|||
yw: "民政局-社会救助科",
|
||||
fzr: "杨*",
|
||||
bt: "1/6 低保金",
|
||||
show: true, //表头显示
|
||||
},
|
||||
menu: [
|
||||
// {
|
||||
// label: "职工基本医疗保险",
|
||||
// property: "index",
|
||||
// show: false,
|
||||
// },
|
||||
|
||||
{
|
||||
label: "低保金",
|
||||
property: "index",
|
||||
show: false,
|
||||
property: "杨*",
|
||||
yw: "民政局-社会救助科",
|
||||
show: true,
|
||||
},
|
||||
{
|
||||
label: "低保水费减免",
|
||||
property: "xm",
|
||||
property: "",
|
||||
yw: "民政局-社会救助科",
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
label: "低保电费减免",
|
||||
property: "item",
|
||||
yw: "民政局-社会救助科",
|
||||
property: "",
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
label: "低保有线电视减免",
|
||||
property: "adminName",
|
||||
yw: "民政局-社会救助科",
|
||||
property: "",
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
label: "残疾人补贴",
|
||||
property: "sendTime",
|
||||
yw: "民政局-社会救助科",
|
||||
property: "",
|
||||
show: false,
|
||||
},
|
||||
],
|
||||
|
@ -836,12 +841,12 @@ const closeProcess = () => {
|
|||
dialogShowProcess.value = false;
|
||||
};
|
||||
//获取服务处置流程数据
|
||||
const openLC = () => {
|
||||
const openLC = (val) => {
|
||||
// Process.menu = [];
|
||||
// console.log(666,val);
|
||||
data.identNo = val.sfzhm;
|
||||
if (data.name == "最低生活保障") {
|
||||
// console.log("推送");
|
||||
Process.data.bt = data.name;
|
||||
// Process.data.yw = "民政局-社会救助科";
|
||||
// Process.data.bt = data.name;
|
||||
} else {
|
||||
Process.data.yw = "医保局-龙游县医疗保障事业管理中心";
|
||||
Process.data.fzr = "周*珊,伊*田,杨**";
|
||||
|
@ -854,20 +859,78 @@ const openLC = () => {
|
|||
},
|
||||
];
|
||||
}
|
||||
if (
|
||||
data.name == "最低生活保障" ||
|
||||
data.name == "职工基本医疗保险" ||
|
||||
data.name == "城乡居民基本医疗保险"
|
||||
) {
|
||||
Process.data.show = false;
|
||||
} else {
|
||||
Process.data.show = true;
|
||||
}
|
||||
dialogShowProcess.value = true;
|
||||
// http.get(`/api/ggfwyth/pg/sfljqd?xh=${routers.query.xh}`).then((res) => {
|
||||
// if (res.code == 200) {
|
||||
// if (res.data == null) {
|
||||
// ElMessage.warning({
|
||||
// message: "暂无数据!",
|
||||
// });
|
||||
// } else {
|
||||
// sfType.title = routers.query.name;
|
||||
// sfType.data = res.data;
|
||||
// dialogShowSf.value = true;
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
http
|
||||
.get(
|
||||
`/api/ggfwyth/pg/fwjgqdxq?sfzhm=${data.identNo}&xh=${routers.query.xh}`
|
||||
)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
function maskName(name) {
|
||||
if (name.length === 2) {
|
||||
// 两个字的姓名,第二个字替换为 *
|
||||
return name[0] + "*";
|
||||
} else if (name.length > 2) {
|
||||
// 三个字或更多的姓名,替换中间的字符
|
||||
return (
|
||||
name[0] + "*".repeat(name.length - 2) + name[name.length - 1]
|
||||
);
|
||||
}
|
||||
return name; // 返回原名
|
||||
}
|
||||
function maskYwfzr(ywfzr) {
|
||||
// 处理包含冒号和逗号的姓名
|
||||
if (ywfzr.includes(":")) {
|
||||
// 处理包含冒号的情况
|
||||
return ywfzr.replace(/([^:]+:[^,]+)/g, (match) => {
|
||||
const parts = match.split(":"); // 分割冒号前后的部分
|
||||
const maskedNames = parts[1]
|
||||
.split(",")
|
||||
.map((name) => maskName(name.trim()))
|
||||
.join(", "); // 对姓名部分进行掩码
|
||||
return `${parts[0]}:${maskedNames}`; // 返回冒号和掩码后的姓名
|
||||
});
|
||||
} else {
|
||||
// 不包含冒号,直接处理逗号分隔的姓名或单个姓名
|
||||
return ywfzr
|
||||
.split(",")
|
||||
.map((name) => maskName(name.trim()))
|
||||
.join(", ");
|
||||
}
|
||||
}
|
||||
if (data.name == "最低生活保障") {
|
||||
res.data.ysx.forEach((item, index) => {
|
||||
if (Process.menu[index]) {
|
||||
Process.menu[index].label = item.bzlx;
|
||||
Process.menu[index].property = maskYwfzr(item.ywfzr);
|
||||
Process.menu[index].yw = `${item.qtbm}-${item.zrks}`;
|
||||
}
|
||||
});
|
||||
} else if (
|
||||
data.name == "职工基本医疗保险" ||
|
||||
data.name == "城乡居民基本医疗保险"
|
||||
) {
|
||||
console.log(666);
|
||||
res.data.wxs.forEach((item, index) => {
|
||||
if (Process.menu[index]) {
|
||||
Process.menu[index].label = item.bzlx;
|
||||
Process.menu[index].property = maskYwfzr(item.ywfzr);
|
||||
Process.menu[index].yw = `${item.qtbm}-${item.zrks}`;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const isLoading = ref(true);
|
||||
|
|
Loading…
Reference in New Issue