diff --git a/.npmrc b/.npmrc
index c483022..966f2f1 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1 +1,2 @@
-shamefully-hoist=true
\ No newline at end of file
+shamefully-hoist=true
+engine-strict=false
\ No newline at end of file
diff --git a/app.vue b/app.vue
index 8121ae2..ffee78d 100644
--- a/app.vue
+++ b/app.vue
@@ -1,10 +1,15 @@
-
-
-
+
+
+
+
+
diff --git a/assets/css/about.css b/assets/css/about.css
new file mode 100644
index 0000000..2e4c901
--- /dev/null
+++ b/assets/css/about.css
@@ -0,0 +1,1289 @@
+.page {
+ background-color: rgba(255, 255, 255, 1);
+ position: relative;
+ width: 1920px;
+ height: 1740px;
+ overflow: hidden;
+}
+
+.group_1 {
+ background-color: rgba(255, 255, 255, 1);
+ width: 1920px;
+ height: 110px;
+}
+
+.box_1 {
+ background-color: rgba(185, 185, 185, 1);
+ width: 64px;
+ height: 64px;
+ margin: 26px 0 0 710px;
+}
+
+.text_1 {
+ width: 419px;
+ height: 38px;
+ overflow-wrap: break-word;
+ color: rgba(50, 50, 50, 1);
+ font-size: 38px;
+ font-family: Source Han Serif CN-Heavy;
+ font-weight: 900;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 38px;
+ margin: 40px 710px 0 0;
+}
+
+.group_2 {
+ background-image: linear-gradient(180deg,
+ rgba(31, 196, 194, 1) 0,
+ rgba(5, 190, 176, 1) 100%);
+ width: 1920px;
+ height: 60px;
+ justify-content: flex-center;
+}
+
+.box_2 {
+ background-color: rgba(11, 175, 160, 1);
+ width: 109px;
+ height: 64px;
+ margin: -4px 0 0 360px;
+}
+
+.text_2 {
+ width: 36px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 37px;
+}
+
+.box_3 {
+ background-color: rgba(255, 255, 255, 1);
+ width: 109px;
+ height: 2px;
+ margin-top: 18px;
+}
+
+.box_4 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text-wrapper_1 {
+ height: 64px;
+ width: 109px;
+}
+
+.text_3 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_2 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_4 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_3 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_5 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_4 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_6 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 23px;
+}
+
+.text-wrapper_5 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_7 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_6 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_8 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_7 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_9 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_8 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_10 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_9 {
+ height: 64px;
+ margin-top: -4px;
+ width: 109px;
+}
+
+.text_11 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.text-wrapper_10 {
+ height: 64px;
+ width: 109px;
+ margin: -4px 360px 0 1px;
+}
+
+.text_12 {
+ width: 72px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 18px;
+ font-family: Source Han Serif CN-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 26px 0 0 19px;
+}
+
+.group_3 {
+ background-color: rgba(230, 246, 246, 1);
+ height: 150px;
+ width: 100%;
+}
+
+.section_1 {
+ width: 100%;
+ height: 150px;
+ background: url(public/images/ks2.png) 100% no-repeat;
+ background-size: 100% 100%;
+ padding: 30px 360px;
+}
+
+.thumbnail_1 {
+ width: 20px;
+ height: 20px;
+}
+
+.text_13 {
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(61, 61, 61, 1);
+ font-size: 14px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ white-space: nowrap;
+ line-height: 18px;
+}
+
+.text_14 {
+ overflow-wrap: break-word;
+ color: rgba(61, 61, 61, 1);
+ font-size: 32px;
+ font-family: Microsoft YaHei-Bold;
+ font-weight: 700;
+ line-height: 18px;
+ margin-top: 30px;
+}
+
+.box_9 {
+ width: 100%;
+ margin: 60px 0px;
+ gap: 150px;
+}
+
+@media screen and (max-width: 1440px) {
+ .box_9 {
+ width: 95%;
+ margin: 30px;
+ }
+ .section_1 {
+ padding: 30px 30px;
+ }
+}
+
+.group_8 {
+ width: 569px;
+ height: 302px;
+}
+
+.group_9 {
+ width: 180px;
+ height: 38px;
+}
+
+.image-wrapper_1 {
+ height: 38px;
+ width: 38px;
+}
+
+.label_1 {
+ width: 33px;
+ height: 30px;
+ margin: 5px 0 0 3px;
+}
+
+.text_15 {
+ width: 128px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(61, 61, 61, 1);
+ font-size: 32px;
+ font-family: Microsoft YaHei-Bold;
+ font-weight: 700;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin-top: 10px;
+}
+
+.paragraph_1 {
+ color: rgba(61, 61, 61, 1);
+ font-size: 14px;
+ font-weight: 300;
+ text-align: left;
+ line-height: 22px;
+ margin-top: 40px;
+}
+
+.block_2 {
+ background-color: rgba(24, 194, 189, 1);
+ width: 528px;
+ height: 349px;
+ margin-top: 16px;
+}
+
+.text_16 {
+ width: 128px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(61, 61, 61, 1);
+ font-size: 32px;
+ font-family: Microsoft YaHei-Bold;
+ font-weight: 700;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 60px 0 0 906px;
+}
+
+.group_5 {
+ height: 510px;
+ background: url(./img/MasterDDSSlicePNG278b04b9e9fdc72ba64f970cc06d4cd4.png) 100% no-repeat;
+ background-size: 100% 100%;
+ width: 1200px;
+ margin: 50px 0 0 360px;
+}
+
+.box_7 {
+ background-color: rgba(24, 194, 189, 1);
+ height: 256px;
+ margin-left: 48px;
+ width: 354px;
+}
+
+.text-wrapper_11 {
+ width: 354px;
+ height: 256px;
+ background: url(./img/MasterDDSSlicePNG090114875b599ab757383c158b5435a4.png) 100% no-repeat;
+ background-size: 100% 100%;
+ justify-content: flex-center;
+}
+
+.text_17 {
+ width: 198px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Bold;
+ font-weight: 700;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 50px 0 0 30px;
+}
+
+.text_18 {
+ width: 286px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 40px 0 0 30px;
+}
+
+.text_19 {
+ width: 198px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 22px 0 0 30px;
+}
+
+.text_20 {
+ width: 138px;
+ height: 18px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 18px;
+ margin: 22px 0 50px 30px;
+}
+
+.group_6 {
+ background-color: rgba(11, 121, 143, 1);
+ height: 309px;
+ border: 1px solid rgba(112, 112, 112, 1);
+ width: 1920px;
+ margin: 48px 0 0 -10px;
+}
+
+.box_8 {
+ background-color: rgba(26, 172, 162, 1);
+ width: 1920px;
+ height: 309px;
+}
+
+.text-wrapper_19 {
+ position: relative;
+ width: 538px;
+ height: 22px;
+ margin: 38px 0 0 358px;
+}
+
+.text_21 {
+ width: 88px;
+ height: 22px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 22px;
+}
+
+.text_22 {
+ width: 88px;
+ height: 22px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 22px;
+ margin-left: 212px;
+}
+
+.text_23 {
+ width: 88px;
+ height: 22px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 22px;
+ margin-left: 62px;
+}
+
+.text_24 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 88px;
+ height: 22px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 22px;
+}
+
+.text_25 {
+ position: absolute;
+ left: 300px;
+ top: 0;
+ width: 88px;
+ height: 22px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 22px;
+}
+
+.text_26 {
+ position: absolute;
+ left: 450px;
+ top: 0;
+ width: 88px;
+ height: 22px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 22px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: center;
+ white-space: nowrap;
+ line-height: 22px;
+}
+
+.block_3 {
+ background-color: rgba(255, 255, 255, 1);
+ width: 1200px;
+ height: 1px;
+ margin: 22px 0 0 358px;
+}
+
+.group_10 {
+ width: 1183px;
+ height: 111px;
+ margin: 23px 0 0 358px;
+}
+
+.text-wrapper_20 {
+ position: relative;
+ width: 258px;
+ height: 98px;
+ margin-top: 8px;
+}
+
+.text_27 {
+ width: 258px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_28 {
+ width: 168px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 25px;
+}
+
+.text_29 {
+ width: 228px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 25px;
+}
+
+.text_30 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 258px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_31 {
+ position: absolute;
+ left: 0;
+ top: 41px;
+ width: 168px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_32 {
+ position: absolute;
+ left: 0;
+ top: 82px;
+ width: 228px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text-wrapper_21 {
+ position: relative;
+ width: 96px;
+ height: 98px;
+ margin: 8px 0 0 42px;
+}
+
+.text_33 {
+ width: 96px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_34 {
+ width: 96px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 25px;
+}
+
+.text_35 {
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 25px;
+}
+
+.text_36 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 96px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_37 {
+ position: absolute;
+ left: 0;
+ top: 41px;
+ width: 96px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_38 {
+ position: absolute;
+ left: 0;
+ top: 82px;
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text-wrapper_22 {
+ position: relative;
+ width: 96px;
+ height: 98px;
+ margin: 8px 0 0 54px;
+}
+
+.text_39 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_40 {
+ width: 96px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 25px;
+}
+
+.text_41 {
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 25px;
+}
+
+.text_42 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_43 {
+ position: absolute;
+ left: 0;
+ top: 41px;
+ width: 96px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_44 {
+ position: absolute;
+ left: 0;
+ top: 82px;
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text-wrapper_23 {
+ position: relative;
+ width: 80px;
+ height: 98px;
+ margin: 8px 0 0 54px;
+}
+
+.text_45 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_46 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 24px;
+}
+
+.text_47 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 26px;
+}
+
+.text_48 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_49 {
+ position: absolute;
+ left: 0;
+ top: 40px;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_50 {
+ position: absolute;
+ left: 0;
+ top: 82px;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text-wrapper_24 {
+ position: relative;
+ width: 80px;
+ height: 98px;
+ margin: 8px 0 0 70px;
+}
+
+.text_51 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_52 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 24px;
+}
+
+.text_53 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-top: 26px;
+}
+
+.text_54 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_55 {
+ position: absolute;
+ left: 0;
+ top: 40px;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_56 {
+ position: absolute;
+ left: 0;
+ top: 82px;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.section_2 {
+ background-color: rgba(255, 255, 255, 1);
+ width: 111px;
+ height: 111px;
+ border: 1px solid rgba(112, 112, 112, 1);
+ margin-left: 93px;
+}
+
+.section_3 {
+ background-color: rgba(255, 255, 255, 1);
+ width: 111px;
+ height: 111px;
+ border: 1px solid rgba(112, 112, 112, 1);
+ margin-left: 38px;
+}
+
+.text-wrapper_25 {
+ position: relative;
+ width: 852px;
+ height: 19px;
+ margin: 20px 0 53px 658px;
+}
+
+.text_57 {
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_58 {
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-left: 86px;
+}
+
+.text_59 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-left: 86px;
+}
+
+.text_60 {
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin-left: 70px;
+}
+
+.text_61 {
+ width: 48px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin: 3px 0 0 125px;
+}
+
+.text_62 {
+ width: 48px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+ margin: 3px 0 0 101px;
+}
+
+.text_63 {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_64 {
+ position: absolute;
+ left: 150px;
+ top: 0;
+ width: 64px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_65 {
+ position: absolute;
+ left: 300px;
+ top: 0;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_66 {
+ position: absolute;
+ left: 450px;
+ top: 0;
+ width: 80px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_67 {
+ position: absolute;
+ left: 655px;
+ top: 3px;
+ width: 48px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.text_68 {
+ position: absolute;
+ left: 804px;
+ top: 3px;
+ width: 48px;
+ height: 16px;
+ overflow-wrap: break-word;
+ color: rgba(255, 255, 255, 1);
+ font-size: 16px;
+ font-family: Microsoft YaHei-Regular;
+ font-weight: NaN;
+ text-align: left;
+ white-space: nowrap;
+ line-height: 16px;
+}
+
+.image_1 {
+ position: absolute;
+ left: 959px;
+ top: 376px;
+ width: 580px;
+ height: 349px;
+}
\ No newline at end of file
diff --git a/assets/css/index.css b/assets/css/index.css
index 4a0be5a..8ffa17f 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -392,13 +392,11 @@
}
.text-group_13 {
- width: 136px;
height: 18px;
- margin: 12px 0 0 9px;
+ margin: 12px 5px 0 9px;
}
.text_14 {
- width: 54px;
height: 18px;
overflow-wrap: break-word;
color: rgba(50, 50, 50, 1);
@@ -406,13 +404,10 @@
font-family: Source Han Serif CN-Heavy;
font-weight: 900;
text-align: center;
- white-space: nowrap;
line-height: 18px;
}
.text_15 {
- width: 70px;
- height: 14px;
overflow-wrap: break-word;
color: rgba(87, 209, 200, 1);
font-size: 14px;
@@ -422,6 +417,8 @@
white-space: nowrap;
line-height: 14px;
margin-top: 4px;
+ margin-left: 10px;
+
}
.text_16 {
@@ -1685,7 +1682,7 @@
.image_16 {
width: 50px;
height: 50px;
- margin:0 auto
+ margin: 0 auto
}
.text_64 {
@@ -1816,8 +1813,9 @@
font-family: Source Han Serif CN-Regular;
font-weight: NaN;
text-align: left;
- line-height: 20px;
- margin: 16px 0 34px 30px;
+ line-height: 22px;
+ margin: 16px;
+ text-indent: 2em;
}
.box_27 {
@@ -1962,7 +1960,7 @@
}
.block_9 {
- width: 1183px;
+ width: 70%;
height: 111px;
margin: 23px 0 0 358px;
}
@@ -2476,6 +2474,10 @@
margin: 20px 0 53px 658px;
}
+.text-wrapper_63 span {
+ cursor: pointer;
+}
+
@media screen and (max-width: 1440px) {
.text-wrapper_63 {
margin: 20px 0 0 349px;
@@ -2736,14 +2738,29 @@ button:active {
display: flex;
align-items: flex-end;
}
-.group_6 .swiper-slide img{
- width:100%;
+
+.group_6 .swiper-slide img {
+ width: 100%;
height: 500px;
- height:auto;
- transition:1s linear 2s;
- transform:scale(1.1,1.1);
- }
-.group_6 .swiper-slide-active img,.swiper-slide-duplicate-active img{
- transition:6s linear;
- transform:scale(1,1);
- }
\ No newline at end of file
+ height: auto;
+ transition: 1s linear 2s;
+ transform: scale(1.1, 1.1);
+}
+
+.group_6 .swiper-slide-active img,
+.swiper-slide-duplicate-active img {
+ transition: 6s linear;
+ transform: scale(1, 1);
+}
+
+.left-my-news {
+ height: 800px;
+}
+
+.my_text_3{
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3; /* 限制为两行 */
+ overflow: hidden;
+ text-overflow: ellipsis; /* 超出部分显示省略号 */
+}
\ No newline at end of file
diff --git a/assets/css/list.css b/assets/css/list.css
index e568869..c0f2fa6 100644
--- a/assets/css/list.css
+++ b/assets/css/list.css
@@ -370,7 +370,7 @@
}
.image-text_7 {
- width: 948px;
+ width: 72%;
height: 135px;
margin: 38px 152px 0 41px;
}
@@ -397,20 +397,17 @@
.text_15 {
width: 537px;
- height: 18px;
overflow-wrap: break-word;
color: rgba(50, 50, 50, 1);
font-size: 20px;
font-family: Microsoft YaHei-Regular;
font-weight: NaN;
text-align: left;
- white-space: nowrap;
line-height: 18px;
}
.text_16 {
width: 708px;
- height: 38px;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 14px;
@@ -439,7 +436,7 @@
}
.text-wrapper_11 {
- width: 100%;
+ width: 126px;
height: 210px;
justify-content: flex-center;
}
diff --git a/components/AppFooter.vue b/components/AppFooter.vue
index 7f30d1f..dfbc55d 100644
--- a/components/AppFooter.vue
+++ b/components/AppFooter.vue
@@ -52,22 +52,24 @@
中医科门诊
妇产科门诊
-
-
+
+
+
+
+
+
{{ item.title }}
+
+
来院路线
内科病区
妇产科门诊
妇产科门诊
- 服务号
- 订阅号
来院路线
内科病区
妇产科门诊
妇产科门诊
- 服务号
- 订阅号
ICP备2025118630号
@@ -89,7 +91,7 @@
-
就医指南
+
就医指南
门诊就医流程
住院就医流程
@@ -99,7 +101,7 @@
-
科室导航
+
科室导航
内科五病区
消化内科病区
@@ -132,7 +134,7 @@
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index ec7c7d3..01713bc 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -1,11 +1,13 @@
-
+
信阳第五人民医院
-
+
-
+
-
+
-
+

@@ -70,7 +68,7 @@
Emergency services
-
+

@@ -86,7 +84,7 @@
-
-

+
@@ -107,20 +105,20 @@
医院简介
- 医院内设科室15个,现有专业技术人员109人,其中高级职称7人,中级职称25人,医院设有120张床位,拥有先进的医疗设备,如飞利浦螺旋CT、德国CE公司800mAX线机、意大利移动式床边X光机、日本心电监护仪、日本肺功能测量系统、人工肝、全自动肝病治疗仪、中心监护系统、纤维内窥镜系统、有创和无创呼吸系统、重症监护系统、心脏除颤系统、中心负压和供氧系统、自动心电分析系统、全自动生化分析系统、全自动血液和尿检测系统、全自动酶标仪、荷兰彩色B超等先进医疗设备。信阳市第五人民医院奉行救死扶伤,全心全意为人民服务的宗旨,全体医务人员将以优质的服务质量、精湛的医疗技术,为广大患者提供满意周到的服务。
+ {{ hospitalInfo.description }}
-
+
通知公告
-
查看更多
@@ -129,20 +127,20 @@
-
+
-

+
- 国际交流添新篇发,合作共筑医疗梦 意大利锡耶纳大学教
+ {{ item.news_title }}
- 与北京华通国康公益基金会理事长陈冉率11人专家代表团,到我院进行深度参观交流。我院院长高社干、党委副书记牛牧青、副院长富奇志及相关职能科室负责人参加了会议。
+ {{ item.news_titleshort }}
- 2025-04-15
+ {{ formattedYearMonthDay(item.showtime) }}
-
+
医院动态
-
查看更多
@@ -165,16 +163,16 @@
-
+
-

+
- 国际交流添新篇发,合作共筑医疗梦 意大利锡耶纳大学教
+ {{ item.news_title }}
- 与北京华通国康公益基金会理事长陈冉率11人专家代表团,到我院进行深度参观交流。我院院长高社干、党委副书记牛牧青、副院长富奇志及相关职能科室负责人参加了会议。
+ {{ item.news_titleshort }}
@@ -199,16 +197,16 @@
-
+
-

-
-
李商隐
-
副主任医师
+
![]()
+
+ {{ item.news_title }}
+ {{ item.news_key }}
-
擅长:从事眼科临床工作20年,对眼科临床疾病的诊断和治疗累积了丰富的经验
+
{{ item.news_auto }}
@@ -221,31 +219,18 @@
-
-
-
-
@@ -255,20 +240,17 @@
-
-
+
- 26人高压氧舱
+ {{ item.news_title }}
-
-

@@ -277,10 +259,8 @@
@@ -301,9 +281,10 @@ import * as swiperAni from '@/assets/animate/animate.js'
import $api from '@/service/webRequest'
import { useI18n } from 'vue-i18n'
import { useStore } from '~/store'
+import { c } from 'naive-ui'
const { locale } = useI18n()
-const card = ref(1);
+
const activeIndex = ref(0);
@@ -383,10 +364,162 @@ const onSwiperKK = (swiper: any) => {
const onSlideChangeKK = (s) => {
activedKKIndex.value = s.snapIndex;
}
+const router = useRouter()
onMounted(() => {
-
+ const coMobile = /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+ if (coMobile) {
+ router.push('/phone_index')
+ } else {
+ router.push('/')
+ }
+ getSwiperList();
+ getHospitalInfo();
+ getMsgList();
+ getDtList();
+ getYsList();
+ getBottomList();
+
})
+//轮播图
+const swiperList = ref([]);
+const getSwiperList = () => {
+ $api.post("/api/index/rotation")
+ .then((res: any) => {
+ console.log(res)
+ swiperList.value = res.data.data;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+// 通知公告
+const msgList = ref([]);
+const getMsgList = () => {
+ $api.post("/api/news/index", { gory_id: 90, page: 1, pageSize: 3 })
+ .then((res: any) => {
+ console.log(res)
+ msgList.value = res.data.data.list;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+// 医院动态
+const dtList = ref([]);
+const getDtList = () => {
+ $api.post("/api/news/index", { gory_id: 91, page: 1, pageSize: 3 })
+ .then((res: any) => {
+ console.log(res)
+ dtList.value = res.data.data.list;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+// 医生团队
+const ysList = ref([]);
+const ysTotal = ref(0);
+const getYsList = () => {
+ $api.post("/api/Newsbx/index", {page: 1, pageSize: 9999 })
+ .then((res: any) => {
+ console.log(res)
+ ysList.value = res.data.data.list;
+ //计算页数
+ ysTotal.value = Math.ceil(res.data.data.total_count / 5);
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+//医院简介
+const hospitalInfo = ref({});
+const getHospitalInfo = () => {
+ $api.post("/api/Broadcast/hospital_overview")
+ .then((res: any) => {
+ console.log(res)
+ hospitalInfo.value = res.data.data;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+//先进设备等
+const card = ref(1);
+const bottomList = ref({});
+const getBottomList = () => {
+ $api.post("/api/news/group", { flag: 'index' })
+ .then((res: any) => {
+ console.log(res)
+ bottomList.value = res.data.data;
+ card.value = res.data.data[0].id;
+ getBottomInfoList();
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+//先进设备list
+const bottomInfoList = ref({});
+const bottomInfoTotal = ref(0);
+const getBottomInfoList = () => {
+ $api.post("/api/news/index", { gory_id: card.value, page: 1, pageSize: 999 })
+ .then((res: any) => {
+ console.log(res)
+ bottomInfoList.value = res.data.data.list;
+ bottomInfoTotal.value = Math.ceil(res.data.data.total_count / 8);
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+const cardOpen = (item) => {
+ card.value = item.id;
+ getBottomInfoList();
+}
+const openUrl = (index: number) => {
+ if (index == 0) {
+ window.location.href = `/about`
+ } else if (index == 1) {
+ sessionStorage.setItem('group_id', '23')
+ window.location.href = `/list/23`
+ } else if (index == 2) {
+ sessionStorage.setItem('group_id', '87')
+ window.location.href = `/list/87`
+ } else if (index == 3) {
+ sessionStorage.setItem('group_id', '-3')
+ window.location.href = `/list/-3`
+ } else if (index == 4) {
+ sessionStorage.setItem('group_id', '34')
+ window.location.href = `/list/34`
+ } else if (index == 5) {
+ sessionStorage.setItem('group_id', '90')
+ window.location.href = `/list/90`
+ } else if (index == 6) {
+ sessionStorage.setItem('group_id', '91')
+ window.location.href = `/list/91`
+ }
+ else {
+ sessionStorage.setItem('group_id', '0')
+ window.location.href = `/`
+ }
+}
+// 计算 "YYYY.MM.DD" 格式
+const formattedYearMonthDay = (showtime) => {
+ const date = new Date(showtime);
+ const year = date.getFullYear();
+ const month = (date.getMonth() + 1).toString().padStart(2, "0");
+ const day = date.getDate().toString().padStart(2, "0");
+ return `${year}-${month}-${day}`;
+};
+const goDetail = (item) => {
+ sessionStorage.setItem('group_id', '-2')
+ window.open(`/info/${item.id}`)
+}
+const goYsDetail = (item) =>{
+ sessionStorage.setItem('group_id', '-3')
+ window.open(`/ys_info/${item.id}`)
+}
+
diff --git a/pages/list/[id].vue b/pages/list/[id].vue
index 652de27..970fa90 100644
--- a/pages/list/[id].vue
+++ b/pages/list/[id].vue
@@ -4,44 +4,142 @@

-
您的位置:首页>系统公告
+
您的位置:首页>{{ id=='-3'?'医生团队':gory_name }}
-
系统公告
+
{{ id=='-3'?'医生团队':gory_name }}
-
+
-

+
-
- 青云计划」再启航,树立长三角放疗「顶天立地」人才培养…
+
+ {{ item.news_title }}
- 在清明节来临之际,为缅怀革命先烈,传承红色精神,增强党支部的凝聚力和战斗力。3月29日,我院机关党总支党委宣传处党支部联合党委办公室党支部赴郑州烈士陵园开展“传承红色基因,续红色血脉”主.….
+ {{ item.news_auto }}
-
-
08
-
2025.04
+
+ {{ formattedMonth(item.showtime) }}
+ {{ formattedYearMonth(item.showtime) }}
+
+
+ {{ item.news_titleshort }}
-
-
diff --git a/pages/phone_about.vue b/pages/phone_about.vue
new file mode 100644
index 0000000..5ccd34b
--- /dev/null
+++ b/pages/phone_about.vue
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+

+
+
您的位置:首页>联系我们
+
+
联系我们
+
+
+
+
![]()
+
+
+
+

+
+
医院介绍
+
+
+ {{ hospitalInfo.description }}
+
+
+
+
+
医院位置
+
+
+
+
+
+
+ 信阳第五人民医院
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/phone_index.vue b/pages/phone_index.vue
index 69a7163..b80d52d 100644
--- a/pages/phone_index.vue
+++ b/pages/phone_index.vue
@@ -3,24 +3,13 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
@@ -31,7 +20,7 @@
医院信息查询
Hospital information inquiry
-
请输入您要查询的内容
+

@@ -43,7 +32,7 @@
-
+

@@ -51,7 +40,8 @@
医院概况
Hospital Overview
-
+

@@ -59,7 +49,8 @@
患者服务
Patient Services
-
+

@@ -67,7 +58,8 @@
医院位置
Hospital location
-
+

@@ -75,7 +67,8 @@
紧急服务
Emergency services
-
+

@@ -83,7 +76,8 @@
医生团队
Doctor team
-
+

@@ -95,7 +89,7 @@
-

+
@@ -104,7 +98,7 @@
医院简介
- 医院内设科室15个,现有专业技术人员109人,其中高级职称7人,中级职称25人,医院设有120张床位,拥有先进的医疗设备,如飞利浦螺旋CT、德国CE公司800mAX线机、意大利移动式床边X光机、日本心电监护仪、日本肺功能测量系统、人工肝、全自动肝病治疗仪、中心监护系统、纤维内窥镜系统、有创和无创呼吸系统、重症监护系统、心脏除颤系统、中心负压和供氧系统、自动心电分析系统、全自动生化分析系统、全自动血液和尿检测系统、全自动酶标仪、荷兰彩色B超等先进医疗设备。信阳市第五人民医院奉行救死扶伤,全心全意为人民服务的宗旨,全体医务人员将以优质的服务质量、精湛的医疗技术,为广大患者提供满意周到的服务。
+ {{ hospitalInfo.description }}
@@ -117,7 +111,7 @@
通知公告
-
+
查看更多

@@ -125,20 +119,20 @@
-
+
-

+
- 国际交流添新篇发,合作共筑医疗梦 意大利锡耶纳大学教
+ {{ item.news_title }}
- 与北京华通国康公益基金会理事长陈冉率11人专家代表团,到我院进行深度参观交流。我院院长高社干、党委副书记牛牧青、副院长富奇志及相关职能科室负责人参加了会议。
+ {{ item.news_titleshort }}
- 2025-04-15
+ {{ formattedYearMonthDay(item.showtime) }}
@@ -154,7 +148,7 @@
医院动态
-
+
查看更多

@@ -162,17 +156,17 @@
-
+

+ :src="item.news_image[0]" />
- 国际交流添新篇发,合作共筑医疗梦 意大利锡耶纳大学教
+ {{ item.news_title }}
- 与北京华通国康公益基金会理事长陈冉率11人专家代表团,到我院进行深度参观交流。我院院长高社干、党委副书记牛牧青、副院长富奇志及相关职能科室负责人参加了会议。
+ {{ item.news_titleshort }}
@@ -192,63 +186,45 @@
-
+
- 李商隐
- 副主任医师
+ {{ item.news_title }}
+ {{ item.news_key }}
-
擅长:从事眼科临床工作20年,对眼科临床疾病的诊断和治疗累积了丰富的经验
+
{{ item.news_auto }}
-
-
-
-
-
+
- 26人高压氧舱
+ {{ item.news_title }}
@@ -256,14 +232,8 @@
@@ -287,7 +257,6 @@ import { useStore } from '~/store'
import type { Swiper as SwiperType } from 'swiper'
const { locale } = useI18n()
-const card = ref(1);
const activeIndex = ref(0);
@@ -367,11 +336,161 @@ const onSwiperKK = (swiper: SwiperType) => {
const onSlideChangeKK = (s: any) => {
activedKKIndex.value = s.snapIndex;
}
+const router = useRouter()
onMounted(() => {
- // 在移动端视图下初始化
- document.documentElement.style.fontSize = '16px';
+ const coMobile = /Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+ if (coMobile) {
+ router.push('/phone_index')
+ } else {
+ router.push('/')
+ }
+ getSwiperList();
+ getHospitalInfo();
+ getMsgList();
+ getDtList();
+ getYsList();
+ getBottomList();
})
+//轮播图
+const swiperList = ref([]);
+const getSwiperList = () => {
+ $api.post("/api/index/rotation")
+ .then((res: any) => {
+ console.log(res)
+ swiperList.value = res.data.data;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+// 通知公告
+const msgList = ref([]);
+const getMsgList = () => {
+ $api.post("/api/news/index", { gory_id: 90, page: 1, pageSize: 3 })
+ .then((res: any) => {
+ console.log(res)
+ msgList.value = res.data.data.list;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+// 医院动态
+const dtList = ref([]);
+const getDtList = () => {
+ $api.post("/api/news/index", { gory_id: 91, page: 1, pageSize: 3 })
+ .then((res: any) => {
+ console.log(res)
+ dtList.value = res.data.data.list;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+// 医生团队
+const ysList = ref([]);
+const ysTotal = ref(0);
+const getYsList = () => {
+ $api.post("/api/Newsbx/index", { page: 1, pageSize: 9999 })
+ .then((res: any) => {
+ console.log(res)
+ ysList.value = res.data.data.list;
+ //计算页数
+ ysTotal.value = Math.ceil(res.data.data.total_count / 2);
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+//医院简介
+const hospitalInfo = ref({});
+const getHospitalInfo = () => {
+ $api.post("/api/Broadcast/hospital_overview")
+ .then((res: any) => {
+ console.log(res)
+ hospitalInfo.value = res.data.data;
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+//先进设备等
+const card = ref(1);
+const bottomList = ref({});
+const getBottomList = () => {
+ $api.post("/api/news/group", { flag: 'index' })
+ .then((res: any) => {
+ console.log(res)
+ bottomList.value = res.data.data;
+ card.value = res.data.data[0].id;
+ getBottomInfoList();
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+//先进设备list
+const bottomInfoList = ref({});
+const bottomInfoTotal = ref(0);
+const getBottomInfoList = () => {
+ $api.post("/api/news/index", { gory_id: card.value, page: 1, pageSize: 999 })
+ .then((res: any) => {
+ console.log(res)
+ bottomInfoList.value = res.data.data.list;
+ bottomInfoTotal.value = Math.ceil(res.data.data.total_count / 4);
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+}
+const cardOpen = (item) => {
+ card.value = item.id;
+ getBottomInfoList();
+}
+const openUrl = (index: number) => {
+ if (index == 0) {
+ window.location.href = `/phone_about`
+ } else if (index == 1) {
+ sessionStorage.setItem('group_id', '23')
+ window.location.href = `/phone_list/23`
+ } else if (index == 2) {
+ sessionStorage.setItem('group_id', '87')
+ window.location.href = `/phone_list/87`
+ } else if (index == 3) {
+ sessionStorage.setItem('group_id', '-3')
+ window.location.href = `/phone_list/-3`
+ } else if (index == 4) {
+ sessionStorage.setItem('group_id', '34')
+ window.location.href = `/phone_list/34`
+ } else if (index == 5) {
+ sessionStorage.setItem('group_id', '90')
+ window.location.href = `/phone_list/90`
+ } else if (index == 6) {
+ sessionStorage.setItem('group_id', '91')
+ window.location.href = `/phone_list/91`
+ }
+ else {
+ sessionStorage.setItem('group_id', '0')
+ window.location.href = `/`
+ }
+}
+// 计算 "YYYY.MM.DD" 格式
+const formattedYearMonthDay = (showtime) => {
+ const date = new Date(showtime);
+ const year = date.getFullYear();
+ const month = (date.getMonth() + 1).toString().padStart(2, "0");
+ const day = date.getDate().toString().padStart(2, "0");
+ return `${year}-${month}-${day}`;
+};
+const goDetail = (item) => {
+ sessionStorage.setItem('group_id', '-2')
+ window.open(`/phone_info/${item.id}`)
+}
+const goYsDetail = (item) => {
+ sessionStorage.setItem('group_id', '-3')
+ window.open(`/phone_ys_info/${item.id}`)
+}
diff --git a/pages/phone_info/[id].vue b/pages/phone_info/[id].vue
new file mode 100644
index 0000000..41b3d27
--- /dev/null
+++ b/pages/phone_info/[id].vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+

+
您的位置:首页>系统公告
+
+
+
+
+
+
{{ info.news_title }}
+
+
发布人:{{ info.news_auto }}
+
发布时间:{{ info.showtime }}
+
+
+
+
+
+
+
+
+
上一篇:XXXXXXXXXXXXXXXXXXXXX
+
下一篇:暂无
+
+
+
+
+
+
+
+
+
diff --git a/pages/phone_list/[id].vue b/pages/phone_list/[id].vue
index cc2ea58..e68ba29 100644
--- a/pages/phone_list/[id].vue
+++ b/pages/phone_list/[id].vue
@@ -3,50 +3,117 @@
-
-

-
您的位置:首页>系统公告
+
+
+

+
+
您的位置:首页>{{ id == '-3' ? '医生团队' : gory_name }}
-
系统公告
+
{{ id == '-3' ? '医生团队' : gory_name }}
-
+
-
+
-

-
+
![]()
+
-
- 青云计划」再启航,树立长三角放疗「顶天立地」人才培养…
-
-
- 在清明节来临之际,为缅怀革命先烈,传承红色精神,增强党支部的凝聚力和战斗力。3月29日,我院机关党总支党委宣传处党支部联合党委办公室党支部赴郑州烈士陵园开展"传承红色基因,续红色血脉"主.….
-
-
-
-

-
-
-
08
-
2025.04
+
+ {{ item.news_title }}
+ {{ item.news_key }}
+
+
+ {{ item.news_auto }}
-
+
-
-
@@ -55,22 +122,76 @@ export default {
@import "@/assets/css/list.css";
/* 手机端适配样式 */
-@media (max-width: 640px) {
- .box_6, .box_7 {
- padding: 0.75rem;
+@media (max-width: 768px) {
+
+ .box_6,
+ .box_7 {
+ padding: 0px;
}
-
+
.text_14 {
font-size: 1.25rem;
- margin: 0.75rem 0;
+ margin-top: 30px;
+ text-align: left;
}
-
+
.text_15 {
font-size: 1rem;
}
-
+
.text_16 {
font-size: 0.875rem;
}
+
+ .group_1 {
+ padding-left: 30px;
+ }
+
+ .section_4 {
+ width: 100%;
+ height: auto;
+ }
+
+ .image-text_7 {
+ width: 100%;
+ margin: 0px;
+ height: 100%;
+ }
+
+ .image_1 {
+ width: 100%;
+ }
+
+ .box_7 {
+ height: auto;
+ }
+
+ .text-group_7 {
+ width: auto;
+ height: auto;
+ }
+
+ .text_15 {
+ width: 100%;
+ }
+
+ .text_16 {
+ width: 100%;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+ margin-top: 10px;
+ }
+
+ .group_13 {
+ margin: 0px;
+ padding-left: 10px;
+ }
+}
+
+::v-deep .n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {
+ color: #1FC4C2;
+ border: 1px solid #1FC4C2;
}
diff --git a/pages/phone_ys_info/[id].vue b/pages/phone_ys_info/[id].vue
new file mode 100644
index 0000000..93ab5f1
--- /dev/null
+++ b/pages/phone_ys_info/[id].vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+

+
您的位置:首页>医生团队
+
+
+
+
+
+
{{ info.news_title }}
+
+
科室:{{ info.news_titleshort }}
+
{{ info.news_key }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/ys_info/[id].vue b/pages/ys_info/[id].vue
new file mode 100644
index 0000000..9ead8d4
--- /dev/null
+++ b/pages/ys_info/[id].vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+

+
您的位置:首页>医生团队
+
+
+
+
+
+
{{ info.news_title }}
+
+
科室:{{ info.news_titleshort }}
+
{{ info.news_key }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/59bd717c767388c5bff603b970a9c8f.jpg b/public/images/59bd717c767388c5bff603b970a9c8f.jpg
deleted file mode 100644
index b28734f..0000000
Binary files a/public/images/59bd717c767388c5bff603b970a9c8f.jpg and /dev/null differ
diff --git a/service/request.ts b/service/request.ts
index 379aefb..51d0659 100644
--- a/service/request.ts
+++ b/service/request.ts
@@ -3,7 +3,7 @@ import { handleError } from './handleError'
function createRequestInstance(getServerUrl: () => string): AxiosInstance {
//获取域名
- const serverUrl = window.location.origin;
+ const serverUrl = 'http://admin.xysdwrmyy.cn';
//console.log(serverUrl);
const instance = axios.create({
timeout: 1000 * 60 * 5, // 超时时间