This commit is contained in:
duanxiaohai 2024-11-19 17:03:18 +08:00
parent e44d6a06bc
commit 4942aaa192
3 changed files with 145 additions and 60 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -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;

View File

@ -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);