报到组织管理

project/pingchang/apps/AppCommunityMember/Detail.vue

@@ -33,7 +33,28 @@
         </ai-card>
         <ai-card title="报名情况">
           <template #content>
-            <p v-html="info.content"></p>
+            <ai-table
+              :border="true"
+              :tableData="info.introducerList"
+              :isShowPagination="false"
+              :col-configs="colConfigs"
+              >
+              <el-table-column slot="user" width="300px" label="报名人员资料" align="center">
+                <template slot-scope="{ row }">
+                  <div class="table-options">
+                    <p>{{row.partyName}}-{{row.phone}}</p>
+                    <p class="color-999">{{partyOrgName}}</p>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column slot="options" width="120px" fixed="right" label="操作" align="center">
+                <template slot-scope="{ row }">
+                  <div class="table-options">
+                    <el-button type="text" @click="toDetail(row.id)">查看日志</el-button>
+                  </div>
+                </template>
+              </el-table-column>
+            </ai-table>
           </template>
         </ai-card>
       </div>
@@ -57,6 +78,16 @@ export default {
   data() {
     return {
       info: {},
+      colConfigs: [
+        {prop: "signupTime", label: "报名时间", align: "center"},
+        {slot: "user"},
+        {prop: "reportType", label: "活动报到类型", align: "center", dict: 'partyReportSignupReportType'},
+        {prop: "remark", label: "报名备注", align: "center"},
+        {prop: "status", label: "报名状态", align: "center", dict: 'partyReportPersonSignupStatus'},
+        {prop: "logStatus", label: "活动日志", align: "center", dict: 'partyReportSignupLogStatus'},
+        {slot: "options"},
+      ],
+      userList: []
     }
   },
 
@@ -65,8 +96,9 @@ export default {
   },
 
   created() {
-    this.dict.load('activityStatus', 'partyReportSignupStatus').then(() => {
+    this.dict.load('activityStatus', 'partyReportSignupStatus', 'partyReportSignupReportType', 'partyReportPersonSignupStatus', 'partyReportSignupLogStatus').then(() => {
       this.getInfo()
+      this.getList()
     })
   },
 
@@ -81,6 +113,15 @@ export default {
         }
       });
     },
+    getList() {
+      this.instance.post(`/app/apppartyreport/signup-info?id=${this.id}`).then((res) => {
+        if (res?.data) {
+          res.data.map((item) => {
+            item.signupTime = item.signupTime.substring(0, 10)
+          })
+        }
+      });
+    },
     cancel() {
       this.$emit("goBack")
     },