@@ -170,9 +171,27 @@ const data = reactive({
});
const titleshow = ref(false);
-const onMenu = (val) => {
- console.log(val);
+const onMenu = (val, index) => {
+ console.log(val, index);
// 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.title = props.title;
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) {
// data.stepdata[1].description = "2024.9.16";
@@ -310,11 +330,12 @@ const closeDialog = () => {
justify-content: space-around;
.contenta {
width: 100%;
- padding: 0 10px;
+ // padding: 0 10px;
display: flex;
align-items: center;
justify-content: space-around;
overflow-x: auto;
+ scroll-behavior: smooth; /* 添加平滑滚动效果 */
}
.item_content {
cursor: pointer;
@@ -345,21 +366,39 @@ const closeDialog = () => {
background-repeat: no-repeat;
background-size: 100% 100%;
}
- .arrowl {
- width: 10.5px;
- height: 20px;
- background-image: url(@/assets/images/sy_details_LC/fwlc3.png);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- }
+ // .arrowl {
+ // width: 10.5px;
+ // height: 20px;
+ // background-image: url(@/assets/images/sy_details_LC/fwlc3.png);
+ // background-repeat: no-repeat;
+ // 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 {
width: 10.5px;
height: 20px;
- background-image: url(@/assets/images/sy_details_LC/fwlc4.png);
+ cursor: pointer;
background-repeat: no-repeat;
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 {
display: none; /* Chrome Safari */
}
diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue
index bb4674a..5bfee86 100644
--- a/src/view/sy_details.vue
+++ b/src/view/sy_details.vue
@@ -904,10 +904,30 @@ const openLC = (val) => {
});
// console.log(888, Process.menu);
dialogShowProcess.value = true;
- } else if (
- data.name == "职工基本医疗保险" ||
- data.name == "城乡居民基本医疗保险"
- ) {
+ } else if (data.name == "职工基本医疗保险") {
+ // console.log(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);
Process.data.show = false;
Process.data.bt = data.name;
@@ -916,10 +936,10 @@ const openLC = (val) => {
label: item.bzlx,
property: maskYwfzr(item.ywfzr),
yw: `${item.qtbm}-${item.zrks}`,
- show: false,
+ show: true,
});
});
- dialogShowProcess.value = true;
+
// res.data.wxs.forEach((item, index) => {
// Process.menu.push({
// label: item.bzlx,
@@ -928,6 +948,7 @@ const openLC = (val) => {
// show: true,
// });
// });
+ dialogShowProcess.value = true;
} else {
Process.data.show = true;
Process.data.yw = "医保局-龙游县医疗保障事业管理中心";