私设聚会点详情布局

src/main.js

@@ -8,7 +8,7 @@ import axios from 'axios';
 
 
 
-import { NavBar, Button, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Toast, Image as VanImage, Grid, GridItem, Row, Col, Tab, Tabs, Popup, PickerGroup, DatePicker, TimePicker, Picker, Uploader, Dialog, List, Cell, Cascader, Search, RadioGroup, Radio, DropdownMenu, DropdownItem } from 'vant';
+import { NavBar, Button, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Toast, Image as VanImage, Grid, GridItem, Row, Col, Tab, Tabs, Popup, PickerGroup, DatePicker, TimePicker, Picker, Uploader, Dialog, List, Cell, Cascader, Search, RadioGroup, Radio, DropdownMenu, DropdownItem, SwipeCell } from 'vant';
 import 'vant/lib/index.css';
 import store from './store';
 
@@ -47,6 +47,7 @@ app.use(router)
     .use(Radio)
     .use(DropdownMenu)
     .use(DropdownItem)
+    .use(SwipeCell)
 
 app.config.globalProperties.$API = api
 app.config.globalProperties.$axios = axios

src/views/activityMan/abnormalcrowd/abnormalCrowdView.vue

@@ -203,6 +203,9 @@ export default {
   margin: 0;
   padding: 0;
 }
+.main {
+  background: #fff;
+}
 .main p {
   height: 40px;
   line-height: 40px;

src/views/activityMan/placeactivity/placeActivityList.vue

@@ -1,6 +1,5 @@
 <template>
   <van-nav-bar
-    fixed
     title="场所活动"
     left-text=""
     right-text="上报"

src/views/activityMan/selfMeetingReport/selfMeetingInfo.vue

@@ -0,0 +1,77 @@
+<template>
+  <van-nav-bar
+    fixed
+    title="私设聚会点"
+    left-text=""
+    left-arrow
+    @click-left="onClickLeft"
+  />
+  <div class="banner"></div>
+  <div class="info">
+    <p>活动名称：{{ placeActivity.activity }}</p>
+    <p>场所名称：{{ placeActivity.place }}</p>
+    <p>发起人：{{ placeActivity.portname }}</p>
+    <p>参会人数：{{ placeActivity.countPerson }}</p>
+    <p>活动地点：{{ placeActivity.activityPlace }}</p>
+    <p>详细地址：{{ placeActivity.address }}</p>
+    <p>活动时间：{{ placeActivity.activityTime }}</p>
+    <p>安全预案：<span style="color: #6892ff">活动申请书</span></p>
+    <p>主题内容：{{ placeActivity.into }}</p>
+  </div>
+  <van-button type="primary" class="btn-sub">审核</van-button>
+</template>
+    
+    <script>
+import { reactive } from "vue";
+export default {
+  setup() {
+    const onClickLeft = () => {
+      history.back();
+    };
+    // 活动信息
+    const placeActivity = reactive({
+      activity: "测试",
+      place: "基督教",
+      activityTime: "2023-03-28 13:00",
+      countPerson: "100",
+      list: "11,22,33",
+      portname: "张三",
+      area: "",
+      activityPlace: "盐都区/张庄街道",
+      address: "1111",
+      money: "",
+      activityName: "李四",
+      tel: "",
+      file: "",
+      into: "1111",
+    });
+    return {
+      onClickLeft,
+      placeActivity,
+    };
+  },
+};
+</script>
+    
+  <style lang="less">
+.banner {
+  height: 30vh;
+  background: #36a7f3;
+}
+.info {
+  position: relative;
+  width: 86vw;
+  // height: 120px;
+  margin: 10px auto;
+  padding: 10px;
+  background: #fff;
+  border-radius: 20px;
+  top: -50px;
+  font-size: 14px;
+}
+.btn-sub {
+  width: 90%;
+  border-radius: 20px;
+  margin-left: 5%;
+}
+</style>

src/views/activityMan/selfMeetingReport/selfMeetingList.vue

@@ -1,6 +1,5 @@
 <template>
   <van-nav-bar
-    fixed
     title="私设聚会点"
     left-text=""
     right-text="上报"
@@ -45,12 +44,18 @@
   
   <script>
 import { ref } from "vue";
+import router from "@/router";
 export default {
   name: "placeActivityList",
   setup() {
     const onClickLeft = () => {
       history.back();
     };
+    // 上报
+    const onClickRight = () => {
+      router.push("/selfMeeting");
+    };
+    const value = ref('');
     const list = ref([]);
     const loading = ref(false);
     const finished = ref(false);
@@ -74,6 +79,8 @@ export default {
     };
     return {
       onClickLeft,
+      onClickRight,
+      value,
       list,
       onLoad,
       loading,
@@ -84,10 +91,6 @@ export default {
 </script>
   
   <style>
-.van-list {
-  height: 80%;
-  margin-top: 5px;
-}
 .nav_tab {
   width: 100vw;
   display: flex;

src/views/activityMan/selfMeetingReport/selfMeetingView.vue

@@ -202,6 +202,9 @@ export default {
   margin: 0;
   padding: 0;
 }
+.main {
+  background: #fff;
+}
 .main p {
   height: 40px;
   line-height: 40px;