diff --git a/epmet-oper-web/.env.development b/epmet-oper-web/.env.development index 7ebfcb6..a386e44 100644 --- a/epmet-oper-web/.env.development +++ b/epmet-oper-web/.env.development @@ -1,5 +1,5 @@ NODE_ENV=development -VUE_APP_API_SERVER = http://192.168.1.130:8080/api -# VUE_APP_API_SERVER = http://10.10.10.98:8080/api +# VUE_APP_API_SERVER = http://192.168.1.130:8080/api +VUE_APP_API_SERVER = http://10.10.10.98:8080/api # VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api VUE_APP_NODE_ENV=dev \ No newline at end of file diff --git a/epmet-oper-web/.env.production.sit b/epmet-oper-web/.env.production.sit index 8f21e6f..6e499b3 100644 --- a/epmet-oper-web/.env.production.sit +++ b/epmet-oper-web/.env.production.sit @@ -1,2 +1,3 @@ NODE_ENV=production +VUE_APP_API_SERVER = http://192.168.1.130:8080/api VUE_APP_NODE_ENV=prod:sit \ No newline at end of file diff --git a/epmet-oper-web/.env.production.uat b/epmet-oper-web/.env.production.uat index 6d88246..a6f3952 100644 --- a/epmet-oper-web/.env.production.uat +++ b/epmet-oper-web/.env.production.uat @@ -1,2 +1,3 @@ NODE_ENV=production +VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api VUE_APP_NODE_ENV=prod:uat \ No newline at end of file diff --git a/epmet-oper-web/public/index.html b/epmet-oper-web/public/index.html index cbfaa17..acfff63 100644 --- a/epmet-oper-web/public/index.html +++ b/epmet-oper-web/public/index.html @@ -36,8 +36,9 @@ + <% } %> - + https://epmet-dev.elinkservice.cn/ <% if (process.env.VUE_APP_NODE_ENV === 'prod:sit') { %> <% } %> diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-back.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-back.png new file mode 100644 index 0000000..385437c Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-back.png differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-logo.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-logo.png new file mode 100644 index 0000000..18aa605 Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/heart-logo.png differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/heart-banner.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/heart-banner.png new file mode 100644 index 0000000..f1142bc Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/heart-banner.png differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_1.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_1.png new file mode 100644 index 0000000..c75d062 Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_1.png differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_2.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_2.png new file mode 100644 index 0000000..f2a17e8 Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_2.png differ diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_3.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_3.png new file mode 100644 index 0000000..9edd7c4 Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/score_rank_3.png differ diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss index 0ff7f0b..6258ff3 100644 --- a/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss +++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss @@ -354,6 +354,79 @@ } } } + } + + .mw-cpt-banner { + position: relative; + margin-top: 10px; + .d-cpt-wrap { + padding: 10px 10px 15px 10px; + background-color: rgba(233, 233, 233, 0.26); + .d-cpt-subwrap { + position: relative; + height: 160px; + border-radius: 10px; + overflow: hidden; + > img { + width: 100%; + height: 160px; + } + + .d-title { + margin-top:1px; + position: absolute; + border-radius: 5px; + top: 0; + right: 0; + width:230px; + padding: 0 10px; + background: rgb(255, 255, 255); + overflow: hidden; + + .left-log { + vertical-align: middle; + z-index: 10; + width: 15px; + margin-bottom:3px; + } + .s-title { + line-height: 21px; + margin-left:4px; + margin-bottom:3px; + font-size: 12px; + font-family: PingFang SC; + font-weight: 500; + color: rgb(0, 0, 0); + vertical-align: middle; + } + .d-group-no { + position: absolute; + right: 10px; + top: 3px; + width: 50px; + height: 28px; + vertical-align: middle; + text-align: center; + + img { + position: absolute; + z-index: 10; + left: 0; + top: 0; + width: 50px; + } + span { + position: relative; + z-index: 20; + vertical-align: middle; + font-size: 7px; + color: rgba(255, 255, 255, 1); + } + } + + } + } + } } .mw-cpt-new_msg { @@ -516,6 +589,264 @@ } } + .item3 { + position: relative; + padding: 10px 0; + border-bottom: 1px solid #eee; + &:last-child { + border-bottom: none; + } + .d-news-title { + @include toe; + font-size: 17px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 24px; + } + .d-news-content { + @include toe; + padding: 3px 0; + font-size: 14px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 20px; + } + .d-news-info { + margin-top: 5px; + padding: 0 1px; + font-size: 13px; + line-height: 13px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(153, 153, 153, 1); + overflow: hidden; + > img { + display: inline-block; + margin-right: 5px; + width: 13px; + vertical-align: bottom; + } + > span { + @include toe; + display: inline-block; + max-width: 70%; + vertical-align: bottom; + } + } + } + } + } + } + + // 爱心互助最新活动 + .mw-cpt-heart_news { + position: relative; + margin-top: 10px; + + .d-cpt-wrap { + width: 355px; + margin: 0 auto; + border-radius: 5px; + overflow: hidden; + background: rgba(255, 255, 255, 1); + + .d-cpt-title { + position: relative; + margin: 10px 10px 0 10px; + padding: 7px 10px 13px; + font-size: 17px; + line-height: 15px; + font-family: PingFang SC; + font-weight: bold; + color: rgba(51, 51, 51, 1); + border-bottom: 1px solid #e7eeee; + + &::before { + content: ""; + position: absolute; + top: 7px; + left: 0; + width: 3px; + height: 15px; + background: rgba(230, 0, 0, 1); + border-radius: 3px; + } + + .more{ + position: absolute; + top:13px; + right:10px; + font-size: 13px; + font-weight: normal; + color: rgb(151, 150, 150); + } + } + + .list { + padding: 0 10px; + .item { + position: relative; + padding: 5px 0; + height: 140px; + padding-left: 110px; + border-bottom: 1px solid #eee; + &:last-child { + border-bottom: none; + } + > img { + position: absolute; + width: 110px; + height: 120px; + + left: 0; + top: 11px; + border-radius: 5px; + } + .d-news-title { + margin-left:7px; + height: 40px; + font-size: 16px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 20px; + overflow: hidden; + } + .d-news-time { + margin: 0 0 5px 7px; + font-size: 12px; + font-family: PingFang SC; + font-weight: normal; + color: rgb(141, 141, 141); + line-height: 17px; + overflow: hidden; + display: flex; + + .d-news-time-title{ + height: 20px ; + display:flex ; + align-items:center; + >img{ + margin-right:2px; + width: 12px; + vertical-align: bottom; + } + >span{ + vertical-align: bottom; + } + } + .d-news-time-item{ + font-size: 13px; + width: 60%; + color: rgb(141, 141, 141); + > span { + vertical-align: bottom; + } + } + } + .d-news-adress { + margin: 0 0 7px 7px; + height: 20px; + font-size: 12px; + font-family: PingFang SC; + font-weight: normal; + color: rgb(141, 141, 141); + line-height: 20px; + overflow: hidden; + display:flex ; + align-items:center; + > img { + display: inline-block; + margin-right: 2px; + width: 12px; + vertical-align: bottom; + } + > span { + display: inline-block; + height: 100%; + max-width: 80%; + vertical-align: bottom; + } + } + .d-news-state { + margin: 0 0 7px 7px; + height: 20px; + font-size: 13px; + font-family: PingFang SC; + font-weight: normal; + color: rgb(141, 141, 141); + line-height: 20px; + overflow: hidden; + .d-news-state-limit{ + font-family: PingFang SC; + padding:3px 10px; + font-weight: 500; + background-color: rgb(170, 169, 169); + color: rgb(58, 58, 58); + border-radius: 90px; + } + .d-news-state-act{ + margin-left:10px; + font-family: PingFang SC; + padding:3px 10px; + font-weight: 500; + background-color: rgb(255, 195, 195); + color: rgb(255, 38, 38); + border-radius: 90px; + } + } + } + + .item2 { + position: relative; + padding: 10px 0; + border-bottom: 1px solid #eee; + &:last-child { + border-bottom: none; + } + .d-news-title { + @include toe; + font-size: 17px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 24px; + } + .d-news-content { + @include toe; + padding: 3px 0; + font-size: 14px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 20px; + } + .d-news-info { + margin-top: 5px; + padding: 0 1px; + font-size: 13px; + line-height: 26px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(153, 153, 153, 1); + overflow: hidden; + > img { + display: inline-block; + margin-right: 5px; + width: 26px; + vertical-align: bottom; + } + > span { + @include toe; + display: inline-block; + max-width: 70%; + vertical-align: bottom; + } + } + } + .item3 { position: relative; padding: 10px 0; @@ -604,6 +935,127 @@ font-weight: 500; color: rgba(51, 51, 51, 1); } + } + } + } + } + + // 积分银行积分排行 + .mw-cpt-score_rank { + position: relative; + margin-top: 10px; + + .d-cpt-wrap { + width: 100%; + // overflow-x: scroll; + overflow: hidden; + .d-cpt-title { + position: relative; + margin: 10px 10px 0 10px; + padding: 7px 10px 13px; + font-size: 17px; + line-height: 15px; + font-family: PingFang SC; + font-weight: bold; + color: rgba(51, 51, 51, 1); + border-bottom: 1px solid #e7eeee; + + &::before { + content: ""; + position: absolute; + top: 7px; + left: 0; + width: 3px; + height: 15px; + background: rgba(230, 0, 0, 1); + border-radius: 3px; + } + } + + .rank_title{ + margin:10px 20px; + display: flex; + .rank_title_total{ + margin-right:20px; + width:33%; + font-size: 15px; + text-align: center; + font-family: PingFang SC; + padding:3px 10px; + font-weight: 500; + background-color: rgb(255, 21, 21); + color: rgb(255, 255, 255); + border-radius: 90px; + } + .rank_title_week{ + width:33%; + margin-right:20px; + font-size: 15px; + text-align: center; + font-family: PingFang SC; + padding:3px 10px; + font-weight: 500; + background-color: rgb(255, 255, 255); + color: rgb(0, 0, 0); + border-radius: 90px; + border-color: rgb(139, 139, 139); + border-width: 1px; + border-style: solid; + } + .rank_title_month{ + width:33%; + font-size: 15px; + text-align: center; + font-family: PingFang SC; + padding:3px 10px; + font-weight: 500; + background-color: rgb(255, 255, 255); + color: rgb(0, 0, 0); + border-radius: 90px; + border-color: rgb(139, 139, 139); + border-width: 1px; + border-style: solid; + } + } + + .list { + width: 100%; + margin:10px 15px; + .item { + margin:8px 0; + padding:8px 0; + background-color: #ffffff; + width: 100%; + display:flex; + .logo { + width:10%; + height: 21px; + line-height: 21px; + text-align: center; + >img{ + width: 25px; + } + >span{ + font-size: 14px; + text-align: center; + } + + } + .name { + width:70%; + z-index: 10; + vertical-align: bottom; + } + .score { + width:20%; + z-index: 20; + font-size: 14px; + font-family: PingFang SC; + font-weight: bold; + font-style: italic; + } + + } } } @@ -778,6 +1230,6 @@ .d-operate { padding: 20px 0; text-align: right; - } + } } } diff --git a/epmet-oper-web/src/components/wx-index/cpt-item.vue b/epmet-oper-web/src/components/wx-index/cpt-item.vue index 43d855b..7092f17 100644 --- a/epmet-oper-web/src/components/wx-index/cpt-item.vue +++ b/epmet-oper-web/src/components/wx-index/cpt-item.vue @@ -1,27 +1,37 @@