xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-11-19 22:52:12 +08:00
parent 2e38e6096b
commit f443fa989a
3 changed files with 83 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip Normal file
View File

Binary file not shown.

73
src/view/dialog/dialogLC.vue
View File

@ -48,18 +48,19 @@
" "
> >
<div class="item"> <div class="item">
<div class="arrowl"></div> <div class="arrowl" @click="scrollLeft()"></div>
<div class="contenta"> <div class="contenta" ref="scrollContainer">
<div <div
class="item_content" class="item_content"
:class="item.show ? 'item_contentBJ' : ''" :class="item.show ? 'item_contentBJ' : ''"
v-for="item in data.menu" v-for="(item, index) in data.menu"
@click="onMenu(item)" :key="index"
@click="onMenu(item, index)"
> >
<span>{{ item.label }}</span> <span>{{ item.label }}</span>
</div> </div>
</div> </div>
<div class="arrowr"></div> <div class="arrowr" @click="scrollRight()"></div>
</div> </div>
<div class="conten" style="margin-top: 20px"> <div class="conten" style="margin-top: 20px">
<div class="operationFlow"> <div class="operationFlow">
@ -170,9 +171,27 @@ const data = reactive({
}); });
const titleshow = ref(false); const titleshow = ref(false);
const onMenu = (val) => { const onMenu = (val, index) => {
console.log(val); console.log(val, index);
// data.menu = val; // data.menu = val;
data.menu.forEach((element) => {
element.show = false;
});
data.menu[index].show = true;
};
const scrollContainer = ref(null);
// 左箭头点击事件
const scrollLeft = () => {
if (scrollContainer.value) {
scrollContainer.value.scrollLeft -= 400; // 每次向左滚动 200px
}
};
// 右箭头点击事件
const scrollRight = () => {
if (scrollContainer.value) {
scrollContainer.value.scrollLeft += 400; // 每次向右滚动 200px
}
}; };
// 监听 // 监听
@ -186,7 +205,8 @@ watch(
data.menu = props.menu; data.menu = props.menu;
data.title = props.title; data.title = props.title;
data.content = props.tableData; data.content = props.tableData;
// console.log(11, data.menu, data.content); console.log(11, data.menu, data.content);
data.menu[0].show = true;
if (!data.content.show) { if (!data.content.show) {
// data.stepdata[1].description = "2024.9.16"; // data.stepdata[1].description = "2024.9.16";
@ -310,11 +330,12 @@ const closeDialog = () => {
justify-content: space-around; justify-content: space-around;
.contenta { .contenta {
width: 100%; width: 100%;
padding: 0 10px; // padding: 0 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
overflow-x: auto; overflow-x: auto;
scroll-behavior: smooth; /* 添加平滑滚动效果 */
} }
.item_content { .item_content {
cursor: pointer; cursor: pointer;
@ -345,21 +366,39 @@ const closeDialog = () => {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.arrowl { // .arrowl {
width: 10.5px; // width: 10.5px;
height: 20px; // height: 20px;
background-image: url(@/assets/images/sy_details_LC/fwlc3.png); // background-image: url(@/assets/images/sy_details_LC/fwlc3.png);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
// .arrowr {
// width: 10.5px;
// height: 20px;
// background-image: url(@/assets/images/sy_details_LC/fwlc4.png);
// background-repeat: no-repeat;
// background-size: 100% 100%;
// }
.arrowl,
.arrowr { .arrowr {
width: 10.5px; width: 10.5px;
height: 20px; height: 20px;
background-image: url(@/assets/images/sy_details_LC/fwlc4.png); cursor: pointer;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.arrowl {
background-image: url(@/assets/images/sy_details_LC/fwlc3.png);
margin-right: 10px;
}
.arrowr {
margin-left: 10px;
background-image: url(@/assets/images/sy_details_LC/fwlc4.png);
}
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; /* Chrome Safari */ display: none; /* Chrome Safari */
} }

33
src/view/sy_details.vue
View File

@ -904,10 +904,30 @@ const openLC = (val) => {
}); });
// console.log(888, Process.menu); // console.log(888, Process.menu);
dialogShowProcess.value = true; dialogShowProcess.value = true;
} else if ( } else if (data.name == "职工基本医疗保险") {
data.name == "职工基本医疗保险" || // console.log(data.name);
data.name == "城乡居民基本医疗保险" Process.data.show = false;
) { Process.data.bt = data.name;
// res.data.ysx.forEach((item, index) => {
// Process.menu.push({
// label: item.bzlx,
// property: maskYwfzr(item.ywfzr),
// yw: `${item.qtbm}-${item.zrks}`,
// show: false,
// });
// });
res.data.wxs.forEach((item, index) => {
Process.menu.push({
label: item.bzlx,
property: maskYwfzr(item.ywfzr),
yw: `${item.qtbm}-${item.zrks}`,
show: true,
});
});
dialogShowProcess.value = true;
} else if (data.name == "城乡居民基本医疗保险") {
// console.log(data.name); // console.log(data.name);
Process.data.show = false; Process.data.show = false;
Process.data.bt = data.name; Process.data.bt = data.name;
@ -916,10 +936,10 @@ const openLC = (val) => {
label: item.bzlx, label: item.bzlx,
property: maskYwfzr(item.ywfzr), property: maskYwfzr(item.ywfzr),
yw: `${item.qtbm}-${item.zrks}`, yw: `${item.qtbm}-${item.zrks}`,
show: false, show: true,
}); });
}); });
dialogShowProcess.value = true;
// res.data.wxs.forEach((item, index) => { // res.data.wxs.forEach((item, index) => {
// Process.menu.push({ // Process.menu.push({
// label: item.bzlx, // label: item.bzlx,
@ -928,6 +948,7 @@ const openLC = (val) => {
// show: true, // show: true,
// }); // });
// }); // });
dialogShowProcess.value = true;
} else { } else {
Process.data.show = true; Process.data.show = true;
Process.data.yw = "医保局-龙游县医疗保障事业管理中心"; Process.data.yw = "医保局-龙游县医疗保障事业管理中心";