diff --git a/dist.zip b/dist.zip new file mode 100644 index 0000000..2f55485 Binary files /dev/null and b/dist.zip differ diff --git a/src/view/dialog/dialogLC.vue b/src/view/dialog/dialogLC.vue index 7a50d2d..89e7a6a 100644 --- a/src/view/dialog/dialogLC.vue +++ b/src/view/dialog/dialogLC.vue @@ -48,18 +48,19 @@ " >
-
-
+
+
{{ item.label }}
-
+
@@ -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 = "医保局-龙游县医疗保障事业管理中心";