党员积分

src/project/sanjianxi/AppApplyPoint/AppApplyPoint.vue

@@ -4,7 +4,7 @@
       <p><span>积分申请：</span>通过民主程序，将基层治理和服务各项事务转化为数量化指标，对个人日常行为进行评价。申请积分需管理员审核通过后系统自动发放积分。</p>
     </div>
     <div class="list">
-      <div class="item">
+      <div class="item" @click="toAdd">
         <div class="left">
           <h2>积分申报</h2>
           <p>08-31 13:45</p>
@@ -34,7 +34,9 @@ export default {
 
   },
   methods: {
-    
+    toAdd() {
+      uni.navigateTo({url: `./add?id=1&name=111`})
+    }
   }
 };
 </script>

src/project/sanjianxi/AppApplyPoint/add.vue

@@ -5,11 +5,11 @@
         <div class="label">
           <span class="tips">*</span>积分类型
         </div>
-        <div class="value">请选择<u-icon name="arrow-right" color="#ddd" size="24" style="margin-left: 4px" ></u-icon></div>
+        <div class="value" @click="showTypeSelect=true">{{typeName}}<u-icon name="arrow-right" color="#ddd" size="24" style="margin-left: 4px" ></u-icon></div>
       </div>
       <div class="text-area">
         <div class="title"><span class="tips">*</span>申请描述</div>
-        <u-input v-model="value" type="textarea" :height="200" placeholder="请输入描述信息" placeholder-style="font-size:20px;color:#999;"/>
+        <u-input v-model="value" type="textarea" :height="200" placeholder="请输入描述信息" placeholder-style="font-size:20px;color:#999;" maxlength="500" />
       </div>
     </div>
     <div class="upload">
@@ -18,9 +18,10 @@
         <AiUploader v-model="fileList" multiple placeholder="上传图片" :limit="9"></AiUploader>
       </div>
     </div>
-    <div class="footer">
+    <div class="footer" @click="confirmAdd">
       <div class="btn">提交</div>
     </div>
+    <u-select v-model="showTypeSelect" :list="typeList"  @confirm="confirmType" value-name="id" label-name="name"></u-select>
   </div>
 </template>
 <script>
@@ -35,14 +36,37 @@ export default {
   data() {
     return {
       value: '',
-      fileList: []
+      fileList: [],
+      typeId: '',
+      typeName: '',
+      typeList: [{id: '1', name: '111'}, {id: '2', name: '222'}],
+      showTypeSelect: false
     };
   },
-  onLoad() {
-
+  onLoad(options) {
+    if(options.id) {
+      this.typeId = options.id
+      this.typeName = options.name
+    }
   },
   methods: {
-    
+    confirmAdd() {
+      if(!this.value) {
+        this.$u.toast('请输入申请描述')
+      }
+      this.$instance.post(`/app/partyOrganization/queryPartyOrganizationListByName`).then((res) => {
+        if(res?.data) {
+          this.$u.toast('申请成功')
+          setTimeout(() => {
+            uni.navigateBack()
+          }, 500)
+        }
+      })
+    },
+    confirmType(e) {
+      this.typeId = e[0].value
+      this.typeName = e[0].label
+    }
   }
 };
 </script>

src/project/sanjianxi/AppApplyPoint/list.vue

@@ -7,14 +7,14 @@
         </div>
       </div>
       <div class="select-content">
-        <div class="select">全部类型<u-icon name="arrow-down" color="#333" size="24" style="margin-left: 4px" ></u-icon></div>
+        <div class="select" @click="showTypeSelect=true">{{typeId ? typeName : '全部类型'}}<u-icon name="arrow-down" color="#333" size="24" style="margin-left: 4px" ></u-icon></div>
         <div class="search">
-          <u-search placeholder="请输入党组织" v-model="name" :show-action="false" @change="getList"></u-search>
+          <u-search placeholder="请输入党组织" v-model="name" :show-action="false" @search="getListInit" @clear="name='', getListInit()"></u-search>
         </div>
       </div>
     </div>
     <div class="list">
-      <div class="item">
+      <div class="item" @click="toDetail()">
         <div class="top">
           <p class="title">本人与2021年11月12日，在紫荆医院接种第三针新冠疫苗。本人与2021年11月12日，在紫荆医院接种第三针新21年11月12日，在紫荆医院接种第三针新</p>
           <div class="flex">
@@ -27,6 +27,7 @@
         </div>
       </div>
     </div>
+    <u-select v-model="showTypeSelect" :list="typeList"  @confirm="confirmType" value-name="id" label-name="name"></u-select>
   </div>
 </template>
 <script>
@@ -42,22 +43,51 @@ export default {
     return {
       tabList: ['全部', '待审核', '已审核'],
       tabIndex: 0,
-      name: ''
+      name: '',
+      typeId: '',
+      typeName: '',
+      typeList: [{id: '1', name: '111'}, {id: '2', name: '222'}],
+      showTypeSelect: false,
+      current: 1,
+      pages: 2,
+      list: []
     };
   },
   onLoad() {
 
   },
   methods: {
+    getListInit() {
+      this.current = 1
+      this.pages = 2
+      this.list = []
+      this.getList()
+    },
+    getList() {
+      if (this.current > this.pages) return;
+      // this.$instance.post(`/app/apppartyeducation/list?current=${this.current}`).then((res) => {
+      //   if (res.code == 0) {
+      //     const list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+      //     this.pages = Math.ceil(res.data.total / 10)
+      //     this.list = list
+      //   }
+      // });
+    },
     tabClick(index) {
       this.tabIndex = index
-      // if (!this.tabIndex) {
-      //   this.status = ''
-      // } else {
-      //   this.status = this.tabIndex - 1
-      // }
-      // this.getList()
+      this.getListInit()
+    },
+    confirmType(e) {
+      this.typeId = e[0].value
+      this.typeName = e[0].label
+    },
+    toDetail() {
+      uni.navigateTo({ url: `./detail` })
     }
+  },
+  onReachBottom() {
+    this.current ++
+    this.getList()
   }
 };
 </script>