可享服务

src/assets/css/index.less

@@ -33,6 +33,15 @@ body #app {
     }
   }
 }
+.y66666{
+  color: #666666;
+}
+.C1{
+  color: #C1C1C1;
+}
+.AAA{
+  color: #AAAAAA;
+}
 .white{
   color: #fff;
 }
@@ -226,6 +235,9 @@ body #app {
 .font-size18{
   font-size: 18px;
 }
+.font-size21{
+  font-size: 21px;
+}
 .font-bold{
   font-weight: bold;
 }
@@ -243,4 +255,7 @@ body #app {
 }
 .back_color{
   background: #F7F7F7;
+}
+.nowrap{
+  white-space: nowrap
 }

src/router/router.config.js

@@ -111,12 +111,26 @@ export const constantRouterMap = [
     path: '/discusionDetail',
     name: 'discusionDetail',
     component: () => import('@/views/discussion/discusionDetail'),
-    meta: { title: '详情', keepAlive: false }
+    meta: { title: '议事详情', keepAlive: false }
   },
   {
     path: '/detail',
     name: 'detail',
     component: () => import('@/views/comMessages/detail'),
-    meta: { title: '详情', keepAlive: false }
+    meta: { title: '讯息详情', keepAlive: false }
+  },
+  {
+    path: '/Enjoyableservices',
+    name: 'Enjoyableservices',
+    component: () => import('@/views/Enjoyableservices/index'),
+    meta: { title: '可享服务', keepAlive: false }
+  },
+  {
+    path: '/detailServices',
+    name: 'detailServices',
+    component: () => import('@/views/Enjoyableservices/detail'),
+    meta: { title: '服务详情', keepAlive: false }
   }
 ]
+
+

src/views/Enjoyableservices/detail.vue

@@ -0,0 +1,45 @@
+<template>
+    <div>
+        <div class="container">
+            <div class="card">
+                <div class="font-size21 font-bold">{{ DetailList.title }}</div>
+                <div class="flex flex-x  flex-center2 m-top10 m-bottom10">
+                    <van-tag v-if="DetailList.status" color="#EBF1FE" text-color="#3974F6" size="large">{{
+                    DetailList.status ? "进行中" : "已结束" }}</van-tag>
+                    <van-tag v-if="!DetailList.status" color="#F5F5F5" text-color="#AAAAAA" size="large">{{
+                    DetailList.status ? "进行中" : "已结束" }}</van-tag>
+                    <div class="font-size13 C1 m-left12">{{ DetailList.data }}</div>
+
+                </div>
+                <div class="y66666 font-size15 m-bottom5">享受服务条件：{{ DetailList.condition }}</div>
+                <div class="y66666 font-size15 m-bottom5">服务提供方：{{ DetailList.provider }}</div>
+                <div class="flex flex-x">
+                    <div class="y66666 font-size15 nowrap">服务时间： </div>
+                    <div class="y66666 font-size15">{{ DetailList.serviceData  }} </div>
+                </div>
+                <div  v-html="DetailList.content"></div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+         
+            DetailList: {
+                title: '鞠源社区为退役待就业的军人提供 就业岗位',
+                content: '<p>县级以上地方人民政府退役士兵安置工作主管部门组织自主就业的退役士兵参加职业教育</p><p>县级以上地方人民政府退役士兵安置工作主管部门组织自主就业的退役士兵参加职业教育</p>', data: '2024-05-08 09:30'
+                , status: 1, condition: '退役军人 40-60岁', provider: 'XXX就业指导中心', serviceData: "2024-05-08 13:00至2024-6-22 13:00"
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+
+    },
+}
+</script>
+<style lang="scss" scoped></style>

src/views/Enjoyableservices/index.vue

@@ -0,0 +1,37 @@
+<template>
+    <div>
+    <div class="container">
+        <div class="card  m-bottom10" v-for="(item,index) in EnjoyableList" :key="index"  @click="$router.push({ path: `/detailServices` })"> 
+            <div class="flex flex-x  flex-center2">
+                <van-tag v-if="item.status" color="#EBF1FE" text-color="#3974F6" size="large">{{ item.status? "进行中":"已结束" }}</van-tag> 
+                <van-tag v-if="!item.status" color="#F5F5F5" text-color="#AAAAAA" size="large">{{ item.status? "进行中":"已结束" }}</van-tag>
+                <div class="font-size13 C1 m-left12">{{ item.date }}</div>
+            </div>
+            <div class="m-top10">{{ item.title }}</div>
+            <div class="flex flex-x m-top10 ">
+                <div class="font-size15 AAA">享受服务条件：</div>
+                <div class="font-size15 AAA">{{ item.context }}</div>
+            </div>
+        </div>
+       </div>
+    </div>
+</template>
+<script>
+    export default{
+        data(){
+            return{
+                EnjoyableList:[
+                    {status:0, date:'2024-05-08 09:30',title:'鞠源社区为退役待就业的军人提供就业岗位。',
+                    context:'退役军人 40-60岁'},
+                    {status:1, date:'2024-05-08 09:30',title:'鞠源社区为退役待就业的军人提供就业岗位。',
+                    context:'退役军人 40-60岁'},
+                    {status:2, date:'2024-05-08 09:30',title:'鞠源社区为退役待就业的军人提供就业岗位。',
+                    context:'退役军人 40-60岁'},
+                ]
+            }
+        }
+    }
+</script>
+<style lang="scss" scoped>
+
+</style>

src/views/comMessages/detail.vue

@@ -8,14 +8,23 @@
                         <div class="font-size13 AAA">{{ discussionList.address }}</div>
                         <div class="font-size13 AAA">{{ discussionList.dataTime }}</div>
                     </div>
-                    <img src="../../assets/images/comMessages/1718095003122.png" alt="" class="img_100">
+                    <img src="../../assets/images/comMessages/1718095003122.png" alt="" class="img_100 m-top12">
-                    <div class="">{{ discussionList.content }}</div>
+                    <div class="m-top12">{{ discussionList.content }}</div>
                 </div>
                 <div class="bot_btn flex flex-x flex-mean m-bot50 back_color">
-                    <van-button icon="https://img01.yzcdn.cn/vant/user-active.png" color="white" @button-danger-color="black" type="info">
+                    <van-button v-if="like" :disabled="disableAllButtons" round class="support"
-                        按钮
+                        :icon="require('@/assets/images/comMessages/like.png')" type="info" @click="">
+                        已点赞 {{ likeNum }}
                     </van-button>
 
+                    <van-button v-else="!like" :disabled="disableAllButtons" round class="support"
+                        :icon="require('@/assets/images/comMessages/nolike.png')" type="info" @click="OnLike">
+                        点赞
+                    </van-button>
+                    <van-button :disabled="disableAllButtons" round class="support"
+                        :icon="require('@/assets/images/icons/share.png')" type="info" @click="Onoppose">
+                        转发
+                    </van-button>
                 </div>
             </div>
         </div>
@@ -39,7 +48,9 @@ export default {
             finished: false,
             loading: true,
             showRegister: false,
-            searchValue: ""
+            searchValue: "",
+            like: false,
+            likeNum: 3000
         };
     },
     created() {
@@ -47,6 +58,38 @@ export default {
 
     },
     methods: {
+        OnLike() {
+            console.log("123");
+            this.likeNum++;
+            this.like = !this.like;
+        },
+
+        Onoppose() {
+            wx.checkJsApi({
+                jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
+                success: function (res) {
+                    // 以键值对的形式返回，可用的api值true，不可用为false
+                    // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
+                    console.log("123"); 
+                    wx.ready(function () {
+                console.log("453");//需在用户可能点击分享按钮前就先调用
+                wx.updateAppMessageShareData({
+                    title: '', // 分享标题
+                    desc: '', // 分享描述
+                    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
+                    imgUrl: '', // 分享图标
+                    success: function () {
+                        console.log("123");
+                        // 设置成功
+                    }
+                })
+            });
+                }
+            });
+            console.log("123");
+         
+        }
+
 
     },
     components: {},
@@ -70,6 +113,11 @@ export default {
     min-height: 50px;
 }
 
+.support {
+    background-color: #ffffff;
+    color: black;
+}
+
 .imge_100 {
     width: 250px;
     height: 128px;

src/views/comMessages/index.vue

@@ -45,7 +45,7 @@
                 </div>
             </van-list>
         </div>
-
+        
     </div>
 
 

src/views/discussion/discusionDetail.vue

@@ -46,8 +46,8 @@
 
             </div>
         </div>
-        <div class="bot_btn flex flex-x flex-mean m-bot50 back_color">
+        <div class="bot_btn flex flex-x flex-mean m-bot50 back_color back_color">
-            <van-button    :disabled="disableAllButtons"  round :class="supportNum ? 'support' : ''" :icon="require('@/assets/images/icons/support.png')"
+            <van-button   :disabled="disableAllButtons"  round :class="supportNum ? 'support' : ''" :icon="require('@/assets/images/icons/support.png')"
                 type="info" @click="Onsupport">
                 支持
             </van-button>

src/views/home/index.vue

@@ -117,7 +117,7 @@ export default {
                 {
                     imgSrc: require('@/assets/images/nav/2.png'),
                     title: '社区活动',
-                    path: 'notice'
+                    path: 'activity'
                 },
                 {
                     imgSrc: require('@/assets/images/nav/3.png'),
@@ -132,7 +132,7 @@ export default {
                 {
                     imgSrc: require('@/assets/images/nav/5.png'),
                     title: '可享服务',
-                    path: 'service'
+                    path: 'Enjoyableservices'
                 }
             ],
             activityList: [],