BUG 25119

src/apps/AppMeetingNotice/AppMeetingNotice.vue

@@ -6,7 +6,7 @@
           <u-grid-item v-for="(item,index) in grid" :key="index" :custom-style="{padding:'14px 0'}"
                        @click="handleClick(index)">
             <u-icon :name="item.icon" :size="64"></u-icon>
-            <view class="label">{{item.label}}</view>
+            <view class="label">{{ item.label }}</view>
           </u-grid-item>
         </u-grid>
       </ai-top-fixed>
@@ -14,26 +14,30 @@
         <header>待参加的会议</header>
         <template v-if="meetingList.length">
           <div class="card" v-for="(item,index) in meetingList" :key="index" @click="detail(item)">
-            <header>{{item.title}}</header>
+            <header>{{ item.title }}</header>
             <u-row justify="between">
               <div class="time">
-                <span>{{item.startTime|format}}</span>
-                <span>{{item.startTime|formatDate(0)}}年{{item.startTime|formatDate(1)}}月{{item.startTime|formatDate(2)}}日 周{{item.startTime|formatWeek}}</span>
+                <span>{{ item.startTime|format }}</span>
+                <span>{{ item.startTime|formatDate(0) }}年{{
+                    item.startTime|formatDate(1)
+                  }}月{{ item.startTime|formatDate(2) }}日 周{{ item.startTime|formatWeek }}</span>
               </div>
               <div class="arrow"></div>
               <div class="time">
-                <span>{{item.endTime|format}}</span>
-                <span>{{item.endTime|formatDate(0)}}年{{item.endTime|formatDate(1)}}月{{item.endTime|formatDate(2)}}日 周{{item.endTime|formatWeek}}</span>
+                <span>{{ item.endTime|format }}</span>
+                <span>{{ item.endTime|formatDate(0) }}年{{ item.endTime|formatDate(1) }}月{{
+                    item.endTime|formatDate(2)
+                  }}日 周{{ item.endTime|formatWeek }}</span>
               </div>
             </u-row>
             <u-row class="info">
               <span>发起人员：</span>
-              <span>{{item.userName}}</span>
+              <ai-open-data type="userName" :openid="item.createUserId"/>
             </u-row>
             <u-gap height="20"></u-gap>
             <u-row class="info">
               <span>会议地点：</span>
-              <span>{{item.address}}</span>
+              <span>{{ item.address }}</span>
             </u-row>
             <div class="tag" :style="{background:'url(' + $cdn + tag(item.joinStatus) + ')'}"></div>
           </div>
@@ -50,15 +54,16 @@
 </template>
 
 <script>
-  import AiEmpty from "../../components/AiEmpty";
-  import AiTopFixed from "../../components/AiTopFixed";
-  import AiAdd from "../../components/AiAdd";
-  import {addMeeting, belongToMe, detail, meetingList} from './components'
+import AiEmpty from "../../components/AiEmpty";
+import AiTopFixed from "../../components/AiTopFixed";
+import AiAdd from "../../components/AiAdd";
+import {addMeeting, belongToMe, detail, meetingList} from './components'
+import AiOpenData from "../../components/AiOpenData";
 
-  export default {
+export default {
   name: "AppMeetingNotice",
   appName: "会议通知",
-    components: {AiEmpty, AiTopFixed, AiAdd, addMeeting, belongToMe, detail, meetingList},
+  components: {AiOpenData, AiEmpty, AiTopFixed, AiAdd, addMeeting, belongToMe, detail, meetingList},
   data() {
     return {
       meetingList: [],
@@ -89,9 +94,9 @@
     }
   },
   methods: {
-      emitShow(){
+    emitShow() {
       const {id} = this.$route.query
-        if(id){
+      if (id) {
         this.comp = "detail";
         this.params = id;
         this.isList = false;
@@ -151,11 +156,11 @@
     }
   },
 
-  }
+}
 </script>
 
 <style lang="scss" scoped>
-  .meeting {
+.meeting {
   min-height: 100%;
   background: #F5F5F5;
   padding-bottom: 48px;
@@ -269,5 +274,5 @@
   ::v-deep .content {
     padding: 0 !important;
   }
-  }
+}
 </style>

src/components/AiOpenData.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :type="type" :openid="openid" v-text="openid"/>
+  <div :type="type" :openid="oid" v-text="oid"/>
 </template>
 
 <script>
@@ -8,6 +8,14 @@ import {mapActions} from "vuex";
 export default {
   name: "AiOpenData",
   props: ['type', 'openid'],
+  computed: {
+    oid() {
+      /**
+       * 后端返回格式(cropId|userId)
+       */
+      return this.openid?.split("|")?.[1] || this.openid || ""
+    }
+  },
   methods: {
     ...mapActions(['injectJWeixin'])
   },