主办方管理页面API联调

hookehuyr
Commit 65d29c4972a475a04a12d02a471277b5e083e07c 65d29c49 1 parent ac5383e7
Showing 2 changed files with 71 additions and 28 deletions
src/pages/projectManage/index.less
src/pages/projectManage/index.vue
--- a/src/pages/projectManage/index.less
View file @65d29c4
+++ b/src/pages/projectManage/index.less
View file @65d29c4
@@ -4,6 +4,7 @@
     .box {
       padding: 1rem;
       text-align: left;
+      border-bottom: 1px solid #F2F2F2;
     }
   }
   .bg-gradient {
@@ -13,4 +14,37 @@
     /* 调整下划线的起始位置 左侧是0 上边是1.15em */
     background-position: 0 1rem;
   }
+  .create-box {
+    background-color: #FFFFFF;
+    .create-item {
+      background-color: #FFFFFF;
+      padding: 1rem 0;
+      margin: 0 1rem;
+      border-bottom: 1px solid #F2F2F2;
+      .name {
+        font-size: 1.15rem;
+        color: #222;
+      }
+      .manage-btn {
+        color: #199A74;
+        border: 1px solid #199A74;
+        border-radius: 2rem;
+        text-align: center;
+        margin-top: 0.5rem;
+      }
+    }
+  }
+  .join-box {
+    background-color: #FFFFFF;
+    .join-item {
+      background-color: #FFFFFF;
+      padding: 1rem 0;
+      margin: 0 1rem;
+      border-bottom: 1px solid #F2F2F2;
+      .name {
+        font-size: 1.15rem;
+        color: #999999;
+      }
+    }
+  }
 }
--- a/src/pages/projectManage/index.vue
View file @65d29c4
+++ b/src/pages/projectManage/index.vue
View file @65d29c4
 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-10-09 13:08:46
+ * @LastEditTime: 2022-10-10 14:12:13
  * @FilePath: /swx/src/pages/projectManage/index.vue
- * @Description: 文件描述
+ * @Description: 主办方管理页面
 -->
 <template>
   <view class="project-manage-page">
     <view class="activity-title">
-      <view class="box" style="border-bottom: 1px solid #F2F2F2;">
+      <view class="box">
         <text class="bg-gradient" style="font-size: 1rem;">我创建的主办方</text>
       </view>
     </view>
-    <view style="background-color: #FFFFFF;">
+    <view class="create-box">
-      <view v-for="(item, index) in createProject" :key="index" style="background-color: #FFFFFF; padding: 1rem 0; margin: 0 1rem; border-bottom: 1px solid #F2F2F2;">
+      <view class="create-item" v-for="(item, index) in create_list" :key="index">
         <van-row>
           <van-col span="20">
             <view>
               <van-icon :name="icon_p" size="2.25rem" color="" style="vertical-align: middle;" />
-              <text style="font-size: 1.15rem; color: #222;">&nbsp;{{ item.name }}</text>
+              <text class="name">&nbsp;{{ item.name }}</text>
             </view>
           </van-col>
           <van-col span="4">
-            <view @tap="onManage" style="color: #199A74; border: 1px solid #199A74; border-radius: 2rem; text-align: center; margin-top: 0.5rem;">管理</view>
+            <view class="manage-btn" @tap="onManage(item)">管理</view>
           </van-col>
         </van-row>
       </view>
     </view>
     <view style="height: 1rem;"></view>
     <view class="activity-title">
-      <view class="box" style="border-bottom: 1px solid #F2F2F2;">
+      <view class="box">
         <text class="bg-gradient" style="font-size: 1rem;">我加入的主办方</text>
       </view>
     </view>
-    <view style="background-color: #FFFFFF;">
+    <view class="join-box">
-      <view v-for="(item, index) in joinProject" :key="index" style="background-color: #FFFFFF; padding: 1rem 0; margin: 0 1rem; border-bottom: 1px solid #F2F2F2;">
+      <view class="join-item" v-for="(item, index) in join_list" :key="index">
         <van-row>
           <van-col span="24">
             <view>
               <van-icon :name="icon_p" size="2.25rem" color="" style="vertical-align: middle;" />
-              <text style="font-size: 1.15rem; color: #999999;">&nbsp;{{ item.name }}</text>
+              <text class="name">&nbsp;{{ item.name }}</text>
             </view>
           </van-col>
         </van-row>
@@ -55,36 +55,45 @@ import { ref } from "vue";
 import icon_p from '@/images/icon/zhubanfang@2x.png'
 import bottomButton from "@/components/bottom-button";
-const createProject = ref([{
-  name: '周三读书会'
-}, {
-  name: '星空治愈音乐会'
-}, {
-  name: '周四读书会'
-}]);
-
-const joinProject = ref([{
-  name: '企业家联盟'
-}, {
-  name: '星光读书会'
-}]);
-
 const onSubmit = () => {
   Taro.navigateTo({
     url: '../createProject/index'
   })
 }
-const onManage = () => {
+const onManage = (item) => {
   Taro.navigateTo({
-    url: '../userManage/index'
+    url: '../userManage/index?id=' + item.id + '&name=' + decodeURIComponent(item.name)
   })
 }
 </script>
 <script>
 import "./index.less";
+import request from '../../utils/request';
+
 export default {
-  name: "demoPage",
+  name: "projectManagePage",
+  data () {
+    return {
+      create_list: [],
+      join_list: [],
+    }
+  },
+  onShow() {
+    // 保存主办方信息
+    request.get('/srv/?a=host_list')
+    .then(res => {
+      if (res.data.code) {
+        this.create_list = res.data.data.my_hosts;
+        this.join_list = res.data.data.join_hosts;
+      } else {
+        console.warn(res.data.msg);
+      }
+    })
+    .catch(err => {
+      console.error(err);
+    });
+  },
 };
 </script>