暂停

CODE/smart-community/property-api/src/main/resources/mapper/TpAnnouncementMapper.xml

           AND announcement_title like concat('%',#{record.announcementTitle,jdbcType=VARCHAR},'%')
         </if>
           AND community_id = #{record.communityId,jdbcType=INTEGER}
+          order by create_date desc
       </where>
   </select>
   <select id="getById" resultType="com.community.huiju.model.TpAnnouncement">

VUECODE/smart-property-manage/src/api/announcement.js

 }
 // 根据id查询公告
 export function announcementById(data) {
+  console.log(123)
+  console.log(data)
   return request({
     url: '/announcementById',
     method: 'post',

VUECODE/smart-property-manage/src/router/index.js

         hidden: true,
         meta: { title: '活动报名人', icon: 'table' }
       },
-      {     
+      {
         path: '/announcement',
         component: () => import('@/views/social/announcement/details'),
         name: 'contentParticulars-details',

VUECODE/smart-property-manage/src/views/social/announcement/details.vue

 <template>
   <div id="root">
-    <span class="activityTile">{{ ruleForm.activityTitle }}</span>
-    <img :src="ruleForm.activityCarouselImg" width="700" height="500">
+    <img :src="ruleForm.announcementCarouselImg" width="500" height="500">
+    <span class="activityTile">{{ ruleForm.announcementTitle }}</span>
     <div class="activityContext">
-      {{ ruleForm.activityContent }}
+      {{ ruleForm.announcementContent }}
     </div>
-    <div class="activityContextImg">
-       <img v-for="item in ruleForm.contentImg" :src="item" width="700" height="500" >
+    <div>
+        <template v-for="site in ruleForm.contentImg">
+               <img :src="site.url" width="500" height="500" > 
+        </template>
+     
+        <!-- <img :src="item" width="500" height="500" > -->
     </div>
-    <div class="progress">
+    <!-- <div class="progress">
       <div class="text-progress">
         <span class="people-number">已报名人数 {{ ruleForm.signUpCount }}</span>
         <div class="outer-layer"/>
       <div class="circular"/>
       <div class="people-limit">限制{{ ruleForm.signUpMax }}人</div>
       <el-button type="primary" style="float: left;">查看报名名单</el-button>
-    </div>
-    <span>报名截止时间：{{ formatDate(ruleForm.registrationEndTime) }}</span>
+    </div> -->
+    <!-- <span>报名截止时间：{{ formatDate(ruleForm.registrationEndTime) }}</span> -->
     <div class="bom-button">
-      <el-button type="primary" style="width: 100px;" @click="ediActivity">修改</el-button>
+      <el-button type="primary" style="width: 150px;" @click="ediActivity">修改</el-button>
     </div>
   </div>
 </template>
       asOfdate: '2018/10/10 23:59:59',
       ruleForm: {
         id: '',
-        activityTitle: '',
-        activityCarouselImg: '', // 轮播图
-        activityContent: '', // 活动内容详细
-        contentImg: [], // 活动内容配图
+        announcementTitle: '',
+        announcementCarouselImg: '', // 轮播图
+        announcementContent: '', // 内容详细
+        contentImg: [], // 内容配图
         signUpCount: '', // 报名人数统计
-        signUpMax: '', //  活动人数上限
         registrationEndTime: '', // 报名活动结束时间
         sort: 1, // 权重
         status: '' // 状态 0 是已作废 1 是已发布   2 是草稿 3 是已修改
   },
   mounted() {
     this.getById(this.$route.params.id)
-    console.log("this.$route.params.id",this.$route.params.id)
+    console.log("id",this.id)
   },
   methods: {
     getById(id) { // 根据ID获取活动信息
     console.log(123)
     console.log(id)
-      this.$store.dispatch('ActivityById', id).then((res) => {
-        const resData = res.data
-        this.ruleForm = resData.info
-        this.ruleForm.contentImg = resData.contentImg
+       this.ruleForm.id=this.$route.params.id
+      this.$store.dispatch('AnnouncementById', this.ruleForm).then((res) => {
+      const resData = res.data
+      this.ruleForm.announcementTitle=resData.tpAnnouncement.announcementTitle// 标题
+      this.ruleForm.announcementContent=resData.tpAnnouncement.announcementContent// 内容
+      this.ruleForm.announcementCarouselImg=resData.tpAnnouncement.announcementCarouselImg // 轮播图
+      this.sort=resData.tpAnnouncement.sort// 权重
+        //多张图片进行遍历
+        for (let i = 0; i <=resData.studentList.length; i++) {
+        //  this.ruleForm.contentImg.push({ url: resData.studentList[i].imageUrl })
+        
+        console.log("sssss:",resData.studentList.imageUrl[i])
+        }
       })
+
+      console.log(this.ruleForm.contentImg)
     },
     formatDate(val) {
       var value = new Date(val)
 #root {
   display: flex;
   flex-flow: column;
-  width: 700px;
+  width: 500px;
   margin-top: 50px;
   margin-left: auto;
   margin-right: auto;
   font-size: 20px;
   justify-items: center;
 }
-.progress {
+/* .progress {
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
   margin-bottom: 20px;
-}
-.text-progress {
+} */
+/* .text-progress {
   width: 500px;
   float: left;
   align-content: center;
   position: absolute;
   margin-top: 12px;
-}
-.people-number {
+} */
+/* .people-number {
   position: relative;
   margin-left: 180px;
-}
-.outer-layer {
+} */
+/* .outer-layer {
   background-color: gainsboro;
   height: 3px;
   width: 450px;
   margin-top: -10px;
   position: relative;
-}
+} */
 .inner-layer {
   background-color: aquamarine;
   height: 6px;
   position: relative;
   margin-top: -4px;
 }
-.circular {
+/* .circular {
   border: 1px #001528 solid;
   border-radius: 10px;
   /*background-color: chartreuse;*/
-  width: 20px;
+ /* width: 20px;
   height: 20px;
   position: relative;
   margin-left: 452px;
   margin-top: 11px;
   float: left;
-}
-.people-limit {
+} */
+/* .people-limit {
   margin-top: 13px;
-}
+} */
 .bom-button{
   display: flex;
   justify-content: center;